本書(shū)站在一線設(shè)計(jì)師的視角,完整地展示了新媒體下的UI設(shè)計(jì)流程和細(xì)節(jié)技巧。通過(guò)主動(dòng)溝通,素材的設(shè)計(jì),草圖的繪制,網(wǎng)頁(yè)端、常用端、移動(dòng)設(shè)備端設(shè)計(jì)及項(xiàng)目總結(jié),引導(dǎo)讀者在設(shè)計(jì)之路上可以舉一反三,采用TIPs和實(shí)際案例結(jié)合的說(shuō)明模式,讓讀者有更多思考的空間。
作者簡(jiǎn)介 品名:米田(潘紹章) 生產(chǎn)地址:多家媒體混合出品,現(xiàn)存放于騰訊大粵網(wǎng),廣州美術(shù)學(xué)院研究生在讀,長(zhǎng)期出沒(méi)在站酷、優(yōu)設(shè)、花瓣、點(diǎn)點(diǎn)等地 配料:視覺(jué)設(shè)計(jì)40g,用戶(hù)體驗(yàn)30g,經(jīng)驗(yàn)分享31g。米田和大家一樣,是名普通的設(shè)計(jì)師,做著相似的視覺(jué)設(shè)計(jì)工作。范圍涉及網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)界面設(shè)計(jì)及前端制作。從2010年的第一篇分享開(kāi)始,至今已經(jīng)寫(xiě)了近200篇文章。積累近15萬(wàn)文字,以及背后巨大的資料儲(chǔ)備。 微信:主動(dòng)設(shè)計(jì)(公眾號(hào)) 微博:@米田的天空
目錄: 01 NO.寫(xiě)在前面的話 01 1.1 設(shè)計(jì)師的前世今生 03 1.2 主動(dòng)帶來(lái)的變化 05 02 NO.主動(dòng)溝通的智慧 11 2.1 讀心術(shù)――把握客戶(hù)的真實(shí)需求 13 2.2 用戶(hù)想要什么 26 03 NO.預(yù)見(jiàn)最終的產(chǎn)品 35 3.1 繪制高效的模型 37 3.2 什么樣的線框草稿是合理的 38 3.3 草稿做到清晰即可 39 3.4 草稿的作用 41 3.5 草圖繪制常用的工具 42 3.6 移動(dòng)設(shè)備常用原型工具 45 3.7 原型總結(jié) 46 04 NO.素材收集 47 4.1 高效化的工具 49 4.2 提取關(guān)鍵字,讓素材收集更精準(zhǔn) 58 4.3 這樣的素材,使用起來(lái)更方便 76 05 NO.網(wǎng)頁(yè)端 95 5.1 Banner:專(zhuān)題圖的九陰真經(jīng) 97 5.2 二維碼:新設(shè)計(jì)的方向 116 5.3 圖表:信息垃圾的第二春 123 5.4 微博設(shè)計(jì) 130 5.5 專(zhuān)題:魅力專(zhuān)題如何煉成? 137 06 NO.移動(dòng)設(shè)備設(shè)計(jì) 151 6.1 移動(dòng)設(shè)備設(shè)計(jì):Loading 友好的第一印象 153 6.2 界面:只要滿(mǎn)足用戶(hù)某個(gè)需求 158 6.3 移動(dòng)設(shè)備設(shè)計(jì): 圖標(biāo) 171 6.4 細(xì)節(jié):視覺(jué)品質(zhì)的升華 180 07 NO.常用端設(shè)計(jì) 193 7.1 PPT 設(shè)計(jì):會(huì)說(shuō)話的PPT 195 7.2 簡(jiǎn)歷:你的最佳銷(xiāo)售員 200 7.3 配色:色彩創(chuàng)造感覺(jué) 207 7.4 品牌:訴說(shuō)自己的故事 222 7.5 圖片:欲望點(diǎn)擊不求人 230 08 NO.前端知識(shí) 237 8.1 設(shè)計(jì)師應(yīng)該掌握的前端知識(shí) 239 8.2 視覺(jué)稿切片 239 8.3 HTML/CSS 重構(gòu)細(xì)節(jié) 241 8.4 常用前端神器 244 09 NO.項(xiàng)目總結(jié) 247 9.1 給項(xiàng)目劃上完美的句號(hào) 249 9.2 化繁為簡(jiǎn)――碎片記錄 253 10 NO.后記 261 10.1 設(shè)計(jì)師不得不說(shuō)的那些事 263 10.2 閱讀至少不會(huì)讓你變傻 26
|