産品特色
編輯推薦
適讀人群 :本書適閤使用Photoshop繪圖設計人員、UI設計師、圖形界麵、用戶體驗研究愛好者及相關工作人員閱讀,也作為各類UI設計培訓班及大中專院校相關課程的參考資料。 當今用戶界麵,作為人機互動産品,越來越受人關注,如何成為一名優秀的UI設計師,多看優秀的作品是一個必須的選擇,本書分享來自世界各地近200個優秀UI設計作品,希望能帶給讀者一些新的啓發。
內容簡介
《與世界UI設計師同行》形式獨特、版式新穎、技術實用、資源豐富、案例經典、緊扣用戶圖形界麵設計、用戶體驗、人機交互等各項功能,語言通俗易懂,講解步驟清晰。本書案例來源於世界各地優秀設計師新創作的優秀作品,同時有一部分齣彩的配有創作過程中的草圖思路。可以讓讀者更加全麵的看到一款優秀的GUI的誕生的全過程。
作者簡介
善本圖書,是中國專業的設計類圖書經銷商之一,平麵、廣告、地産、産品、服裝、室內、建築、景觀等設計類圖書和雜誌,緻力於為設計師提供新、快、全的設計資訊和專業化服務,崇尚精品圖書,推崇“善本就是好書”,廣泛地與國內外齣版商和銷售商保持著良好地緊密閤作。
內頁插圖
目錄
10 Montagü/Mont agü 餐廳App
14 Noma Authentic/ 諾瑪餐廳App
16 Siv ert Høyem/ 網站界麵應用
20 TRAVERSE/ 晚點之詩
22 Authentic W eather/ 天氣應用軟件
26 Int eresting Weather/ 天氣應用軟件
28 W eather CUBE/ 天氣應用軟件
30 P artly Cloudy/ 天氣應用軟件
32 Idők ép/ 天氣應用軟件
34 oW eather/ 天氣應用軟件
38 Calendar s 5/ 日曆應用軟件
42 P eek Calendar/ 日曆應用軟件
44 P eriod Tracker/ 經期跟蹤應用軟件
46 Clue/ 經期跟蹤應用軟件
47 R etro Future Watches/ 鎖屏時間設計
48 Vital App/ 養生應用軟件
50 FR OM/ 禮物管理應用軟件
52 Shor t University App/ 信息搜集應用軟件
56 Anipedia App Concept / 實境動物學習App
58 EQUUES/ 愛馬者應用軟件
62 Plant W atcher/ 植物護理應用軟件
66 I W oke App/ 育兒應用軟件
68 App atente Nautica/ 輪船許可證獲取應用軟件
72 Timelines/ 視頻遊戲應用軟件
76 R ewind(Remind)/ 記憶遊戲應用軟件
78 MoMA PS1 P ole Dance/ 遊戲和社交App
80 24 Guide for T ourist/ 全天候導遊應用軟件
84 The Gr een Belt Guide/ 綠帶導遊應用軟件
86 ANA Airpor t App/ 葡萄牙ANA 機場App
88 Exberliner Tourist App/ 導遊應用軟件
90 Public Transportation in Izmir/ 公交應用軟件
92 HopCab App/ 打的應用軟件
93 Cy cling App Concept/ 騎行應用軟件
94 The Urb an Green Line/ 城市綠化應用軟件
96 Urb an Cycle/ 騎行者應用軟件
100 CalcFL O/iOS 計算器應用軟件
102 Count er for AdSense/AdSense 賬戶監控應用軟件
104 K ount.ly/ 瑣事統計應用軟件
106 Musicbo x Theatre/ 音樂盒應用軟件
108 S wing iPhone Music App/iPhone 音樂應用軟件
110 Music Made by Ar t/ 藝術音樂盒
112 Amp App/iPhone5 音樂播放器
114 iSing Something/ 音樂PK 遊戲應用軟件
116 Charit o Mucha Marcha/ 時尚商店App
118 Camera Genius/ 照相機應用軟件
120 PiCon/ 攝影PK 應用軟件
122 Fict itious/ 寫作應用軟件
124 Hollo/ 洞穴探險應用軟件
126 Pr ofile App Concept/ 社交賬戶管理應用軟件
128 TripUs/ 旅遊管傢
130 ITIRAF E T!/ 自白App
133 MobilFinder/ 尋找丟失的手機
134 Lunch Hunch/ 午餐吧
136 My Cookmarks/ 烹飪應用軟件
138 S weety App/ 紙杯蛋糕應用軟件
140 Co ffee Ordering/ 咖啡預訂應用軟件
144 Spirit Test/ 酒精攝入監控App
146 I'm Hungr y!/ 食品選擇App
148 RINGMASTER/ 好孩子應用軟件
154 The Whispering House/ 會說話的屋子
160 Meow/ 貓咪手機主題
164 Pirat e Era/ 海盜時代手機主題
168 Snowman/ 雪人手機主題
169 Minimalist Icons/ 簡約圖標
170 So ft Sweets/ 天氣應用軟件圖標
172 Smar tphone Icon Set/ 智能手機圖標集
174 Electric Tourbillon Home Screen UI/ 陀飛輪屏幕界麵
176 Else Mobile/ 手機用戶界麵
178 Vine for Windows Phone/ 短視頻應用軟件
180 Blue Velvet UI Kit/ 用戶界麵工具包
182 Heav enly GUI Kit Elements/ 圖形用戶界麵工具包
184 Knóbz Vol.5/ 圖形用戶界麵元素
186 Rut henium GUI Kit/ 圖形用戶界麵工具包
188 O Galler y 1/iPad 藝術應用軟件
192 W ave iPad Application/iPad 應用軟件
196 Insect Definer/iPad 昆蟲學習應用軟件
202 See t he world in a new light/ 你對光學知道多少
204 P oly / 三角解圖
206 Pixl / 美圖App
208 Mor ningstar Investing Classroom/ 投資通
210 Deckadance/ 音樂播放器
211 Infinity R estaurant Menu App/Infinity 餐館App
212 Domot ic System/ 住宅自動化
214 De Corr espondent/ 新聞吧
215 New Net herlands/ 新荷蘭
216 TiC/ 谘詢服務App
218 Nuv ola Base/ 數據共享網站設計
219 J ack’s Pot/ 金融小天纔
220 Plock W orld/ 方塊連連破
224 S tamp Frenzy/ 集郵達人
230 Smar twatch/ 智能手錶
232 POST. US Weather Forecaster/ 全傢聊“天”
236 Kinect Graffit i 塗鴉應用軟件
238 Flix Movie Int erface/Flix 電影大全
240 D AUM TV+ /DAUM TV+ 圖形用戶界麵設計
244 L G UPLUS TV GUI/LG UPLUS 電視圖形用戶界麵設計
248 Celest a Touch/ 咖啡機用戶界麵設計
250 GUI for Skoda Citigo Electric Cars/ 車載係統用戶界麵
252 Int eractive Kiosk/ 汽車用戶界麵設計
前言/序言
與世界UI設計師同行:一本關於連接、創造與未來的思考錄 本書並非一本填鴨式的技能教程,也不是一本冷冰冰的設計理論集。它是一場深入的對話,一次跨越地域與文化的設計旅程。我們邀請您,以一個好奇的探索者姿態,一同走進全球頂尖UI設計師的內心世界。這不是關於“他們做什麼”,而是關於“他們如何思考”,關於他們如何在一個瞬息萬變的技術浪潮中,用設計構建起人與數字世界的橋梁。 想象一下,您正與一位經驗豐富的導航員並肩而立,他手中並非羅盤與海圖,而是屏幕的亮度、按鈕的弧度、色彩的溫度,以及那些隱藏在像素之下的用戶情緒。這位導航員,便是我們書中描繪的“世界UI設計師”。他們並非高高在上的藝術傢,而是腳踏實地的建造者,是賦予冰冷代碼溫暖靈魂的工匠。他們的作品,從您指尖滑過的社交媒體界麵,到掌控整個城市交通的復雜係統,再到改變全球數十億人生活方式的應用程序,都默默地影響著我們的日常。 本書的核心,在於挖掘這些卓越設計背後的思考邏輯與價值取嚮。我們不直接提供“套路”或“模闆”,因為真正的創新,往往源於對問題的深刻洞察和對用戶需求的敏銳捕捉。我們更側重於展現設計師們在麵對挑戰時的決策過程、方法論、以及他們如何平衡技術可行性、商業目標與人文關懷。 第一章:看見未被看見的需求——設計思維的起點 在一切開始之前,理解“為什麼”比理解“怎麼做”更為重要。這一章節,我們將深入探討優秀UI設計師如何培養一種“看見未被看見的需求”的能力。這不僅僅是市場調研或用戶訪談,更是一種移情與共情的能力。他們如何通過細緻入微的觀察,去理解不同文化背景下用戶的行為模式、痛點與期望?他們如何從瑣碎的用戶反饋中,提煉齣設計的核心目標?我們會剖析一些經典案例,展現設計師們如何在項目初期,通過一係列探索性的方法,將模糊的需求轉化為清晰的設計願景。這包括但不限於: 用戶旅程的繪製與優化: 不僅僅是流程圖,而是深入理解用戶在完成某個任務過程中的情感起伏、潛在障礙和期望的愉悅點。 同理心地圖(Empathy Maps)的應用: 超越錶麵行為,去理解用戶“想什麼”、“聽什麼”、“看什麼”、“說什麼”、“做什麼”,以及他們的“痛點”與“收益”。 情境化設計(Contextual Design): 將設計置於真實的使用環境中進行考察,理解技術、空間、文化等多種因素如何共同影響用戶體驗。 極端用戶的洞察: 從極端的用戶群體(如老年人、殘障人士、或科技小白)的設計需求齣發,往往能觸及到更普適的解決方案。 第二章:構建有溫度的界麵——信息架構與交互的藝術 信息架構是設計的骨架,交互是設計的靈魂。本章將聚焦於如何構建清晰、直觀且富有吸引力的信息結構和用戶交互流程。這不是關於堆砌功能,而是關於如何讓信息在最恰當的時機、以最易於理解的方式呈現給用戶。我們會探討: 分類與標簽的智慧: 如何設計一套用戶能夠輕鬆理解和導航的分類體係,避免信息過載和混淆。 導航模式的演變與選擇: 從傳統的菜單欄到如今流行的漢堡菜單、底部導航,不同的模式適用於何種場景?設計師如何權衡易用性與信息密度? 動效的魔力與陷阱: 適度的動效能夠引導用戶注意力、提供反饋、增強愉悅感,但過度的動效則會分散精力,甚至帶來負麵體驗。我們將探討如何“用對”動效,讓其服務於設計目標。 微交互的力量: 那些看似微不足道的按鈕點擊反饋、加載動畫、滑動效果,如何共同塑造用戶對産品的情感連接? 情境感知的設計: 如何讓界麵能夠根據用戶所處的不同情境(時間、地點、設備、操作曆史)提供更智能、更個性化的交互體驗。 第三章:色彩、字形與情感——視覺設計的敘事力量 視覺設計是UI設計的“臉麵”,它直接影響著用戶的第一印象和情感共鳴。本章將深入探討色彩、字體、排版、圖標等視覺元素如何在UI設計中發揮敘事作用,以及設計師如何運用這些工具來傳達品牌個性、引導用戶情緒、並最終影響用戶決策。 色彩心理學在UI中的應用: 不僅是美學,更是傳達情感、區分功能、指示狀態的強大工具。不同文化對色彩的解讀差異,也是設計師需要考量的因素。 字體選擇的策略: 字體不僅僅是承載文字的工具,它本身就擁有個性和情緒。如何選擇能夠體現品牌調性、易於閱讀的字體組閤? 排版的美學與功能性: 如何通過字號、行距、段落間距等元素,提升信息的可讀性,引導用戶視綫,並營造視覺節奏? 圖標的通用性與象徵意義: 設計易於理解、跨文化都能識彆的圖標,是提升用戶體驗的關鍵。我們將探討圖標設計的原則與實踐。 視覺層次的構建: 如何通過大小、顔色、對比度、留白等手段,清晰地劃分信息層級,讓用戶一眼就能抓住重點。 響應式設計與適配: 在不同設備、不同屏幕尺寸上,如何保證視覺設計的一緻性與最佳呈現效果。 第四章:無障礙設計與包容性——為所有人而設計的責任 在追求卓越用戶體驗的道路上,我們不能忽視那些可能被忽略的群體。本章將強調無障礙設計(Accessibility)的重要性,以及如何通過包容性的設計理念,讓數字産品能夠服務於更廣泛的人群,包括視力障礙、聽力障礙、運動障礙以及認知障礙的用戶。 可訪問性標準(WCAG)的理解與實踐: 如何確保界麵元素能夠被屏幕閱讀器識彆、鍵盤可操作、以及提供足夠的顔色對比度。 設計中的包容性考量: 超越技術層麵的“可訪問”,思考如何讓不同年齡、性彆、文化背景、語言習慣的用戶都能感到舒適和被尊重。 為特殊用戶群體設計的思考: 針對老年人、兒童、以及有特定認知需求的用戶,如何調整界麵復雜性、信息呈現方式和交互邏輯。 多語言與本地化設計的挑戰: 如何在全球化的産品中,有效應對不同語言和文化背景下的翻譯、排版和設計習慣差異。 第五章:工具、流程與協作——設計工作的實踐 優秀的設計成果離不開高效的工作流程和良好的團隊協作。本章將探討現代UI設計師常用的工具、方法論以及在跨職能團隊中的協作模式。 設計工具的演變與選擇: 從Sketch、Figma到Adobe XD,瞭解不同工具的優勢與劣勢,以及它們如何支持從概念到落地的全流程。 原型設計的迭代與驗證: 如何通過高保真、低保真原型,快速驗證設計方案,並收集反饋。 設計係統(Design Systems)的構建與維護: 理解設計係統的重要性,它如何保證設計的一緻性、提高效率、並促進團隊協作。 與開發、産品經理的有效溝通: 跨職能協作的藝術,如何清晰地傳遞設計意圖,解決技術難題,並共同推進産品落地。 敏捷開發中的UI設計: 在快速迭代的環境下,UI設計師如何保持靈活性,快速響應變化,並保證設計質量。 第六章:未來的趨勢與挑戰——持續進化的設計之路 數字世界永不停歇地嚮前發展,UI設計也隨之不斷進化。本章將展望UI設計的未來趨勢,並探討設計師們需要麵對的挑戰。 人工智能(AI)與UI設計的結閤: AI如何賦能設計,例如自動化設計、個性化推薦,以及設計師在AI時代的角色轉變。 語音用戶界麵(VUI)與空間計算(Spatial Computing)的興起: 新的交互範式將如何改變我們與數字世界的互動方式? 數據驅動的設計決策: 如何利用數據分析來指導設計優化,並衡量設計效果。 可持續性設計與倫理考量: 設計師在麵對氣候變化、數據隱私、算法偏見等問題時,應承擔的責任。 終身學習與適應性: 在一個快速變化的環境中,設計師如何保持持續學習的熱情,不斷提升自身能力,以應對未來的挑戰。 本書的目標讀者: 渴望提升設計視野的UI/UX設計師: 不滿足於現有工具和技巧,希望深入理解設計背後的邏輯和思考。 産品經理與創業者: 希望更好地理解優秀UI設計對産品成功的重要性,並能與設計師進行更有效的溝通。 對數字産品設計感興趣的學生與愛好者: 想要瞭解頂尖設計師是如何思考和工作的。 任何希望瞭解現代數字世界如何被構建的用戶: 瞭解那些在屏幕背後默默工作的設計師們,如何用設計影響我們的生活。 《與世界UI設計師同行》並非一本速成的秘籍,它是一份邀請,邀請您與那些在數字前沿探索的設計師們一起,去思考、去感受、去創造。我們希望通過這本書,能點燃您心中對設計的無限熱情,激發您探索未知、解決問題的勇氣,並與您一同踏上這場連接、創造與未來的設計之旅。在這裏,沒有標準答案,隻有永無止境的探索與成長。