無論是你是一名APPUI視覺設(shè)計(jì)師,還是一名UI平面設(shè)計(jì)師,或者是一名APP交互設(shè)計(jì)師。25學(xué)堂的小編與大家從這四個(gè)方面去理清楚怎么去學(xué)習(xí)好手機(jī)APP UI設(shè)計(jì)。
理論知識(shí)的積累步驟都是我們成長的過程當(dāng)中必不可少的。設(shè)計(jì)理論知識(shí)就是我們的根基。
希望大伙可以好好的回顧一下這些方面的設(shè)計(jì)理論知識(shí)。下面的答案和資源來源知乎網(wǎng)。
第一部分、設(shè)計(jì)理論書籍閱讀
《用戶體驗(yàn)的要素:以用戶為中心的產(chǎn)品設(shè)計(jì)》
講述了經(jīng)典的五層框架:戰(zhàn)略層(產(chǎn)品目標(biāo)和用戶需求)、范圍層(功能規(guī)格和內(nèi)容需求)、結(jié)構(gòu)層(交互設(shè)計(jì)和信息架構(gòu))、框架層(界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì))、表現(xiàn)層(感知設(shè)計(jì))??梢詫?duì)互聯(lián)網(wǎng)產(chǎn)品經(jīng)理、交互設(shè)計(jì)師、視覺設(shè)計(jì)師之間的工作流程、職責(zé)有個(gè)初步的認(rèn)識(shí),在后續(xù)學(xué)習(xí)中也大致明白重心該放在哪個(gè)環(huán)節(jié)。
《點(diǎn)石成金:訪客至上的網(wǎng)頁設(shè)計(jì)秘笈》
介紹了don’t make me think 的幾個(gè)指導(dǎo)原則 以及可用性測試,一本小書比較容易理解。
《認(rèn)知與設(shè)計(jì):理解UI設(shè)計(jì)準(zhǔn)則》
介紹了一些用戶界面設(shè)計(jì)準(zhǔn)則。對(duì)于新人來說,常常不知道哪些設(shè)計(jì)是易用的、用戶容易接受的,所以了解一些設(shè)計(jì)原則可以有助于我們辯證的思考各種設(shè)計(jì)方案之間孰優(yōu)孰劣。
《About Face 3 交互設(shè)計(jì)精髓》
經(jīng)典書籍,厚厚一本很難讀完。對(duì)于新人來說,可以隨便翻翻,先看看目錄,找那些自己感興趣的、疑惑的章節(jié)讀一讀。
《設(shè)計(jì)師要懂心理學(xué)》
介紹人的一些習(xí)慣,如何觀察、閱讀、記憶、思考、集中注意力等等很多方面。了解與我們的設(shè)計(jì)方案交互操作的用戶,是設(shè)計(jì)師需要持續(xù)關(guān)注的。
相關(guān)閱讀:設(shè)計(jì)心理學(xué)是如何體現(xiàn)在網(wǎng)頁交互設(shè)計(jì)中和設(shè)計(jì)交互心理學(xué)相關(guān)書籍推薦,認(rèn)知設(shè)計(jì)從心理學(xué)開始
《寫給大家看的色彩書:色彩怎么選,設(shè)計(jì)怎么做》
以大眾審美為依據(jù),用理性的思路幫你分析是否選對(duì)了顏色,教會(huì)你如何把選出的顏色運(yùn)用得精彩。通過認(rèn)知色彩核心和正確建立色卡,使你變被動(dòng)為主動(dòng),將主觀的感覺變?yōu)榫呦蟮纳省?
相關(guān)文章閱讀:APP色彩搭配方案是由主色、輔助色和點(diǎn)綴色構(gòu)成
另外,學(xué)堂君之前推薦給大家的閱讀的交互書籍:APP設(shè)計(jì)閱讀:6本交互設(shè)計(jì)殿堂級(jí)的書籍【含PDF】
第二部分、實(shí)戰(zhàn)書籍的推薦
《寫給大家看的設(shè)計(jì)書(第三版)》
通過大量示例介紹了4大基本設(shè)計(jì)原則——親密性、對(duì)齊、重復(fù)、對(duì)比,這些原則在界面排版上非常實(shí)用。作為非設(shè)計(jì)專業(yè)的學(xué)生來說,學(xué)習(xí)一些基本的原則很有必要。
《設(shè)計(jì)之下:搜狐新聞客戶端的用戶體驗(yàn)設(shè)計(jì)》
結(jié)合搜狐新聞客戶端的項(xiàng)目經(jīng)驗(yàn),總結(jié)了很多干貨,對(duì)于新手可以從中了解實(shí)際的設(shè)計(jì)流程。比如這篇:移動(dòng)APP交互設(shè)計(jì)大師,自身修煉的武功秘籍
《破繭成蝶:用戶體驗(yàn)設(shè)計(jì)師的成長之路》
一本實(shí)用性非常高的書,強(qiáng)烈推薦。其中需求分析、設(shè)計(jì)規(guī)劃這兩章剛好解決了我的一些疑惑,反反復(fù)復(fù)讀了很多遍,非常有收獲。感謝@劉津、@李月 的辛苦撰寫、無私分享。
《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》
關(guān)于設(shè)計(jì)模式的一本書,我讀過之后寫了幾篇讀書筆記,對(duì)書中的設(shè)計(jì)模式配上平時(shí)搜集的例子以加深理解,比如這篇8種移動(dòng)APP導(dǎo)航設(shè)計(jì)模式大對(duì)比
《觸動(dòng)人心:設(shè)計(jì)優(yōu)秀的iPhone 應(yīng)用》
如果對(duì)iPhone設(shè)計(jì)感興趣,可以讀讀這本書,雖然現(xiàn)在看來例子有些舊,但是也不妨礙我們?nèi)ダ斫饽切﹥?yōu)秀的設(shè)計(jì)例子。
第三部分、移動(dòng)APP設(shè)計(jì)規(guī)范指南與相關(guān)設(shè)計(jì)元素下載
之前學(xué)堂君也整理了移動(dòng)APP設(shè)計(jì)入門文檔:iOS8和Android設(shè)計(jì)規(guī)范和iOS、Android、WindowsPhone官方設(shè)計(jì)規(guī)范匯總
1)iOS 7 人機(jī)界面指南
iOS7設(shè)計(jì)尺寸最新分享和iOS7設(shè)計(jì)規(guī)范小炒報(bào)
iOS7 APP界面設(shè)計(jì)教程第一章《為iOS7的規(guī)范而設(shè)計(jì)》及統(tǒng)一設(shè)計(jì)規(guī)范整理
iOS7字體設(shè)計(jì)規(guī)范以及APP設(shè)計(jì)中英文字體下載
iOS7 UI設(shè)計(jì)控件元素詳細(xì)解讀和設(shè)計(jì)規(guī)范
iOS和安卓手機(jī)的APP圖標(biāo)尺寸規(guī)范和圖標(biāo)命名規(guī)范
2014全套原版iOS7 GUI PSD之APP設(shè)計(jì)練習(xí)素材
iOS7網(wǎng)格系統(tǒng)設(shè)計(jì)詳細(xì)解讀及iOS7圖標(biāo)模板演示
2)iOS 8 人機(jī)界面指南
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(一):UI設(shè)計(jì)基礎(chǔ)
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(二):設(shè)計(jì)策略
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(三):iOS技術(shù)(上)
[ISUX轉(zhuǎn)譯]iOS 8人機(jī)界面指南(三):iOS技術(shù)(下)
iOS8 App圖標(biāo)模板尺寸規(guī)范[4.0]最新出爐
3)iOS 9 人機(jī)界面指南
iOS9移動(dòng)APP左側(cè)菜單界面設(shè)計(jì)搶先欣賞
iOS9 GUI iPhone全套UI設(shè)計(jì)模板PSD+Sketch
[ISUX譯]iOS 9 人機(jī)界面指南(五):圖標(biāo)與圖形設(shè)計(jì)
[ISUX譯]iOS 9人機(jī)界面指南(四):UI元素
3)Material design
Material design非官方中文指導(dǎo)手冊(cè)1.0
最全安卓Material Design的設(shè)計(jì)原則和設(shè)計(jì)規(guī)范
APP設(shè)計(jì)風(fēng)格對(duì)比:扁平化、極簡、Material Design
Material Design的配色規(guī)范和在線配色工具推薦
4)Apple Watch
Apple Watch界面設(shè)計(jì)規(guī)范
Apple Watch GUI模板和Apple Watch線框圖PSD下載
Apple Watch UI交互設(shè)計(jì)指南中文版【共十章】
Apple Watch APPUI界面設(shè)計(jì)PSD最新下載
移動(dòng)設(shè)計(jì)新干貨之京東Watch V1.0設(shè)計(jì)項(xiàng)目賞析
未完待續(xù)...下一節(jié)課是:設(shè)計(jì)原則
全站高品質(zhì)素材免費(fèi)下載!