無需任何設計背景!這些書籍讓你輕松成為交互設計領域的UI設計高手!

對于想學習交互設計的同學們來說,即使沒有視覺或平面設計背景,仍然可以通過一些系統(tǒng)化、邏輯化的規(guī)則或框架來創(chuàng)建優(yōu)秀的 UI,以一種"工程化"的方式進行設計。??本文 UXD 為大家強烈安利以下幾本書籍+附多本書的PDF,幫助你輕松提升 UI 設計技能!

??UI Design Books
01-重構用戶界面)
(Refactoring UI

????推薦指數(shù):★★★★★?
這是一本充滿了實用的設計知識的書,內(nèi)含多種正反案例的對比。下面是其中一個例子,它講述了如何建立好的視覺層次結構:



這與 Scott McCloud 的?Understanding Comics?中的建議非常相似(一本關于設計和視覺思維的書籍,??推薦閱讀),書中同樣提到了“通過簡化進行放大”的想法,也就是通過將用戶界面精簡到基本元素(或功能),來達到放大的目的。

這本書還建議你在設計高保真之前先畫草圖,因為如果你在高保真環(huán)境中工作時是很難忽略細節(jié)的,畫草圖反而可以幫助你快速探索一系列不同的布局創(chuàng)意。

??UI Design?Books
02-實用的用戶界面)
(Practical?UI

????推薦指數(shù):★★★★★?
這本書介紹了很多基于邏輯的 UI 設計方法,并提供了一套明確的規(guī)則:“界面設計可能看起來像是一種神奇的藝術形式,但其中很大一部分是由邏輯規(guī)則或指南構成的?!?
你還可以與 Refactoring UI 配合閱讀,因為除了視覺設計外,這本書同樣也非常注重可用性和可訪問性。比如,交互成本是用戶體驗和界面設計中的一個關鍵概念,它涉及用戶完成任務所需的工作量。書中用一個很好的例子進行了說明:
“總交互成本為三次點擊、一次滾動和一個小的鼠標移動”與“總交互成本僅為兩次點擊和一個非常小的鼠標移動”的對比??

書中也包含了如何有節(jié)制和有目的地使用顏色來提高可用性的建議:
● 使用足夠的顏色對比度,幫助有視力障礙的人清晰地看到界面細節(jié);
● 不要僅僅依靠顏色來傳達含義;
● 將品牌顏色應用于交互元素,讓人們了解哪些是可交互的,哪些不是。

這本書還分享了一些關于深色模式設計的技巧。例如,有一部分解釋了如何創(chuàng)建深色調(diào)色板:

除此之外,還提到了摩擦設計的概念:
“在執(zhí)行破壞性操作之前,你可以引入摩擦來防止人們錯誤地采取行動。通常情況下,這包括減少行動的突出性、將其移動到更遠的位置或逐步披露。不要將動作標記為紅色,因為這會使其更加突出?!?br>

Adham 強調(diào):“指南可能看起來有一定的限制性,但它并不意味著限制了你的創(chuàng)造力。相反,應該把它們看作是一個堅實的基礎,用來建立、探索和實驗。”
??UI Design?Books
03-UI專業(yè)人士的設計手冊)
(The UI Professional’s Design Manual (iOS + Android)

????推薦指數(shù):★★★★☆?
這本書介紹了如何為 iOS 和 Android 創(chuàng)建移動應用。除了討論如何選擇顏色等原則和基礎性的主題,書中還涵蓋了這兩個平臺的對比,以下是一個例子:

本書最大的價值之一是它附帶了一個金融科技 UI 工具包,并介紹了使用該 UI 工具包創(chuàng)建移動應用程序的過程。

除了實用技巧之外,本書的每個部分都包含一個理論部分,例如這里是配置文件設置章節(jié)的一些部分:

理論之后,還為你提供了一個循序漸進的教程:

??UI Design?Books
04-UI設計系統(tǒng)的精髓)
(UI Design Systems Mastery

????推薦指數(shù):★★★★☆?
Marina Budarina 的 UI Design Systems Mastery 是一個實用指南,教你如何創(chuàng)建你的第一個設計系統(tǒng)。你將全面了解設計系統(tǒng)的構建方式,并學習到設計自己系統(tǒng)所需的關鍵步驟。
除了設計師身份外,Marina 還是一位軟件工程師。這本書主要面向初學者,它易于理解,結構良好且輕量級,除此之外還有一個優(yōu)勢,就是它匯集和整理了一切你需要了解的內(nèi)容。Marina 在每章的結尾處都加入了重要觀點的摘要。

這本書以循序漸進的方式解釋了每個方面,例如,它解釋了如何為你的設計系統(tǒng)創(chuàng)建令牌。

你不僅會學到很多關于構建設計系統(tǒng)的知識,還會掌握很多 UI 設計知識,例如下面關于布局網(wǎng)格的部分:

??UI Design?Books
05-設計用戶界面)
(Designing User Interfaces

????推薦指數(shù):★★★★★?
這本書涵蓋了許多成為一名好的設計師的相關內(nèi)容,例如如何:
●?進行用戶界面審計;
●?展示你的作品;
●?有效地與開發(fā)人員溝通;
●?開始一個設計項目。

??UI Design?Books
06-掌握UI設計元素)
(Master UI Design Elements

????推薦指數(shù):★★★★☆?
像 Refactoring UI 一樣,這本 UI 設計書中以這樣的建議開始:“如果你在高保真環(huán)境中工作時無法忽略細節(jié),那就用紙和筆開始設計,并在那里勾勒出你的功能?!睂τ诔鯇W者來說,一個非常有用的技巧是始終在不同的視口尺寸上檢查你的設計,在真實設備上進行測試。


更多知識干貨以及其他海外留學的資訊可以關注UXD交互工業(yè)產(chǎn)品設計分享或者添加小助手,還可獲取講座直播哦~

|福利大放送 | WELFARE?
對于設計初學者,完成從0開始創(chuàng)作幾乎是不可能的,就像學習過程中書讀百遍其義自見一樣。有了大量的積累,才能在腦海里建立素材庫,這些素材庫能幫助同學們完成最初的設計想法積累,基于這樣的基礎再進行個性化的創(chuàng)作,最終才能做出高質(zhì)量的作品集。全球院校最新作品集免費拿!添加小助手即可獲取:



UXD交互工業(yè)產(chǎn)品設計學院是尤克斯國際旗下的一家專注于交互、服務、工業(yè)、產(chǎn)品設計專業(yè)的頂級設計學院。除了一對一設計課、基礎技能課程、小組課題、設計評圖、聯(lián)合教學外,我們提供不定主題的公開課和內(nèi)部小組課,教學計劃課程由三大部分組成,包括基礎軟件技能教學、設計理論系統(tǒng)講座、申請必備知識解析等。



本文版權歸UXD尤克斯所有
部分圖片來自于網(wǎng)絡
如有侵權請與我們聯(lián)系
無需任何設計背景!這些書籍讓你輕松成為交互設計領域的UI設計高手!的評論 (共 條)
