交互設計師、產品經理的收藏夾里都有哪些常用的網站和工具?


UI設計

1.http://www.uiparade.com/

用於發現最好的UI設計圖庫,致力於分享UI設計師的作品,提供世界領先的設計師最優秀的作品,旨在為需要的設計師提供更豐富和更好的參考,分類齊全並且專業。

2.https://www.mockplus.com/blog

Mockplus包括一系列為設計師,產品和項目經理以及開發人員推薦的UX / UI設計資源,並且網站會提供很多最新和有趣的的UI設計專題。

3.http://designrfix.com/logo/tips-design-perfect-logo

Designfix提供最流行的網頁和圖形教程。有了它,設計師就可以找到高質量的設計作品,然後在整個網路上共享,網站會定期更新一套UI主題和技巧。

4.http://www.fltdsgn.com/

這個UI設計網站致力於為網站提供最好的UI設計,包括HTML5,應用程序和網站模板等。網站最有特點的一項是會給出案例和相應的網站,讓用戶可以體驗UI設計,並且可以隨時下載。

5.https://www.siteinspire.com/

網站里你可以根據不同的風格和類型來選擇內容,每一篇文章都會有一個外鏈網站,定期也會出一些專題。網站的重點不在於內容,而是讓用戶體驗不同網站中的交互設計,可以給設計師帶來設計靈感。

6.https://www.chainco.cn/app

一個幫助交互設計師進行演示的工具,非常便捷,容易上手,會有視頻和文字教程,一步步教你創建自己的演示界面。

產品經理

1.https://www.skillshare.com/business

網站的目的是讓不同領域的人每天通過15分鐘來學習一門新技能,在這裡你可以找到有關設計,商業,科技等方面的課程。

2.https://www.xmind.net/

XMind思維導圖,幫助管理複雜的信息,進行頭腦風暴和組織工作。可以在電腦上下載軟體,也可以在網站註冊後使用網頁版。

3.https://www.typeform.com/

一個幫你製作調查問卷的網站,通過網站你可以很地與了解客戶的想法,不同於其他的問卷網站,TYPEFORM的設計非常精美,形式多樣,讓用戶在交互中也能感受到交互的趣味性。

4.https://www.google.com/intl/zh-CN_cn/docs/about/

Google推出的可以在線製作文檔,表格,ppt等的網站,可以隨時隨地使用,為你的文件添加多用元素和樣式。

5.https://www.khanacademy.org/

一個用於學習的網站,網站提供了大量專業學科的課程,專業程度非常高,可以用於自學,測試,實踐等,會根據你學習的過程幫你合理安排學習的進度,最重要的是網站內容全部免費。

6.https://marvelapp.com/

Marvel是一個基於web的設計和協作應用程序。可以使用Marvel Canvas設計用戶界面和圖標,還可以從本地,Dropbox和Google Drive上載屏幕以添加「熱點」。


想了解更多問題歡迎私信我~

歡迎關注公眾號:作品集分享portfolio

用最走心的態度做藝術教育


交互設計師、產品經理的收藏夾里都有哪些常用的網站和工具?

每個入行的人都需要兩個收藏夾:

一個是公司內部幾個產品人員的協作收藏夾,用來共享自己產品的相關信息,比如行業用戶畫像、競爭對手

另一個是產品經理行業的開放收藏夾,多個產品大牛一起共享自己收藏的產品工具和網址。

36鎮就是在做這樣的共享收藏夾,分了協作共享開放共享兩種模式,因為我自己做了6年的產品,所以運營的切入點也是選擇產品經理,整理了四五個產品細分方向的開放共享收藏夾,包括常用的工具,有興趣的朋友可以在36鎮中搜索「產品」方面的收藏夾,就可以找到。收藏夾搜索|36鎮,與小夥伴一起發現、分享、整理有價值的好網站


常用的網站沒有什麼,可能會看看iOS或者Android的人機界面指南。

主要用的工具就兩個(不是在線工具)

  1. Omni Graffle
  2. Keynote

這兩個軟體都可以用來製作原型,都能加入一些基本的交互操作。Graffle會更加靈活,功能更強一些。我一般用Graffle或者Ai來畫一些比較複雜的圖形,然後copy到Keynote裡面去做原型,用keynote演示起來的話比較方便。

推薦幾個參考網站:

  • http://ui-patterns.com/

  • http://patterntap.com/

  • http://wireframes.linowski.ca/

  • http://patternry.com/

  • http://html5gallery.com/


常用的軟體:

AI、PS、AE(交互效果)、visio(做導圖和框圖)、Mindmanager、Axure(原型設計)、sketch(Mac端)、墨刀(在線端交互實現)、MOCKPLUS(挺輕量級的原型設計軟體)、project(進度管理)

在線網站:

Gliffy | Online Diagram and Flowchart Software (在線的框圖,等同於visio)

站酷 (ZCOOL) (站酷= =設計師的必去之地)

UI中國-專業界面交互設計平台

優設-UISDC: 優秀網頁設計聯盟-SDC-網頁設計師交流平台

人人都是產品經理

Behance (外國的設計大牛)

Dribbble - Show and tell for designers

然後還有各大互聯網公司的ued團隊的blog

然後多看點奇奇怪怪的書 orz


我喜歡比較簡單的工具:

Evernote(知識管理)

Omni Graffle(流程圖)

Balsamiq mockups(低保真原型)

photoshop(高保真原型圖)

Keynote Pages (文檔)

Numbers(數據分析)

mindnode(腦圖)

網站:

Dribbbble(設計)

SmashMagazine(設計、前端)

各種博客

除此之外還看看書,往往比看博客獲得更多的東西


Google Fonts

Fotolia - Sell and buy royalty-free photos, images, vectors and videos

Unsplash | High-Resolution Photos

1001 Fonts · Free Fonts Baby!

Free vector icons - SVG, PSD, PNG, EPS amp; Icon Font - Thousands of free icons

4200pxの無料?フリー寫真素材 イメージスタイル

Grid Calculator

IcoMoon App - Icon Font, SVG, PDF amp; PNG Generator

Stock Image Search Engine - Search 50+ Image Sources with Everypixel

http://www.behance.net

UX Planet

http://www.uidsc.com

拿走不謝


工具:

Axure、PS、Fireworks、visio、Mindmanager

都是些初級工具,工具只是表達手段,思維才是重要的

網站:

互聯網那點事、草根網、UCDchina、讀寫網等等


常用國外 Behance Dribbble DeviantArt pinterest medium facebook(學習小組) Awwwards

常用國內 知乎 站酷 美啊 UI中國 花瓣網 簡書 優設 高高手

UED網站 騰訊CDC 騰訊遊戲官方設計團隊TGideas 騰訊MXD移動互聯網設計中心 騰訊ISUX 社交用戶體驗設計 騰訊網UED 阿里巴巴中國站用戶體驗設計部 阿里巴巴國際UED 阿里媽媽MUX 網易用戶體驗設計中心 新浪UED FEX 做最專業的前端 百度移動用戶體驗部 百度EUX企業產品用戶體驗中心 奇舞團 360旗下前端開發團隊 攜程設計委員會

APP UI Mobile Patternspttrns Product Hunt s&://l&ink.zhihu.com/?target=http%3A//appui.mobi/">APP UI - 發現設計 分享設計 UI4App UI Patterns Ui Parade Welcome to Icon Deposit http://app.uehtml.com/ 學ui網 href="http://www.fondcool.com/">方酷 Collect UI

動效

CAPPTIVATE.co

GUIFFF – Animated Dribbble GIFs

Motionographer Sharing the best inmoving media

Origami — Design Prototyping

QuartzCode - Turn your animationsto objective-c or swift OS X / iOS animations code

Framer - Design tool for creating interactive designs,interfaces and animations

Flinto

Principle - Learn

供君參考


推薦一個關於產品經理的集合網站:酷搜 - 產品經理網站集合 - 發現才能實現


xmind axure sketch這三個較常用


各種有用的分享。可能一時消化不了的文章,或者需要長久品味的文章。經常更新的互聯網人的博客。


Axure RP 畫原型


除了常用的工具,樓上提到的網站都很實用『

36鎮是一個共享的收藏夾

在項目前期可以很方便的手機匯總知識

雖然目前只能收藏網址,還不能收藏圖片,但是已經能夠滿足需求了

尤其是整理同類的網站,可以給賬號添加備註

很方便


推薦閱讀:

面試產品策劃應該是什麼樣的?
職場通才是否死路一條?
做出上億用戶的互聯網產品,需要哪些能力?
如何製作一份完美的產品宣傳手冊(Product Catalog,或者產品推廣彩頁)?
對於第一次做互聯網產品,有什麼好的建議?

TAG:產品經理 | 交互設計 | 原型設計 | 軟體設計 | 收藏夾 |