123,123

內(nèi)容簡(jiǎn)介

　　本書是根據(jù)像素范兒UI設(shè)計(jì)課程編寫的系列UI設(shè)計(jì)書中的第一本書，主要講解了UI設(shè)計(jì)的學(xué)習(xí)方法、基礎(chǔ)知識(shí)，以及相關(guān)的行業(yè)知識(shí)。書中涉及的軟件知識(shí)以視頻教學(xué)的方式呈現(xiàn)。本書注重系統(tǒng)性的訓(xùn)練，非常適合零基礎(chǔ)的UI設(shè)計(jì)學(xué)習(xí)者。本書提供了大量的軟件教學(xué)視頻，包括Photoshop快速入門教程、Illustrator快速入門教程、Keynote快速入門教程、Sketch快速入門教程、Principle快速入門教程和After？Effects快速入門教程。

作者簡(jiǎn)介

　　李澤同資深 UI 講師像素范兒創(chuàng)始人，曾在4A廣告公司擔(dān)任資深美術(shù)指導(dǎo)，服務(wù)過的客戶有華為、大眾、騰訊、海爾、飛利浦、康師傅等****，曾在國內(nèi)知名教育培訓(xùn)機(jī)構(gòu)擔(dān)任UI設(shè)計(jì)線上課程負(fù)責(zé)人，其培訓(xùn)的學(xué)員多次獲得互聯(lián)網(wǎng)設(shè)計(jì)比賽大獎(jiǎng)。許多學(xué)員畢業(yè)后成功入職百度、騰訊、優(yōu)酷、網(wǎng)易等一線互聯(lián)網(wǎng)公司。劉中萌資深 UI 講師像素范兒聯(lián)合創(chuàng)始人，曾服務(wù)過寶馬、聯(lián)想、三菱、vivo 等****，曾任職金融之家視覺設(shè)計(jì)主管，負(fù)責(zé)金融之家移動(dòng)端 App 與 Web 端在線商城等產(chǎn)品設(shè)計(jì)，曾就職于呱呱視頻，負(fù)責(zé)主產(chǎn)品界面設(shè)計(jì)，創(chuàng)辦設(shè)計(jì)師互動(dòng)交流社區(qū)UI GREAT。周國棟高級(jí) UI 講師 + 課程研發(fā)曾在諸多一線互聯(lián)網(wǎng)公司擔(dān)任多年的視覺設(shè)計(jì)負(fù)責(zé)人，負(fù)責(zé)過寶馬、TCL、華為等多個(gè)公司的設(shè)計(jì)項(xiàng)目，在像素范兒擔(dān)任講師期間，積累了一套獨(dú)特的教學(xué)思路和方法，其培訓(xùn)的許多學(xué)員成功入職 BAT、美團(tuán)、滴滴等一線互聯(lián)網(wǎng)公司。朱琳琳課程研發(fā)像素范兒課程課件、分享會(huì)、年會(huì)等活動(dòng)keynote設(shè)計(jì)師，擁有4年線上線下一線授課經(jīng)驗(yàn)。擁有豐富的大型活動(dòng)組織、策劃經(jīng)驗(yàn)，曾為愛馬仕、LV、可口可樂、雷克薩斯等品牌制作keynote、PPT等設(shè)計(jì)輔助演示文稿。

圖書目錄

課程1 學(xué)習(xí)前的準(zhǔn)備
1 掌握Sketch軟件（視頻教學(xué)） /015
2 掌握Illustrator軟件（視頻教學(xué)） /015
3 掌握Principle軟件（視頻教學(xué)） /016
4 掌握After Effects軟件（視頻教學(xué)） /016
5 掌握Keynote軟件（視頻教學(xué)） /017
6 掌握Photoshop軟件（視頻教學(xué)） /017
課程2 學(xué)習(xí)設(shè)計(jì)的通用方法
1 從臨摹到創(chuàng)造的設(shè)計(jì)學(xué)習(xí)通路 /019
2 糾正設(shè)計(jì)學(xué)習(xí)的誤區(qū) /020
3 作業(yè)：臨摹一組控件 /022
課程3 開腦洞！設(shè)計(jì)師必須看完的信息源
1 站酷網(wǎng) /025
2 Dribbble /026
3 Behance /027
4 花瓣網(wǎng) /028
5 Unsplash /028
6 The FWA /029
7 作業(yè)：設(shè)計(jì)一款A(yù)pp的功能 /030
8 作業(yè)：制作登錄注冊(cè)界面（UI100Day） /030
課程4 了解行業(yè)
1 UI＆UE /036
2 UI設(shè)計(jì)的基本工作流程 /036
3 互聯(lián)網(wǎng)產(chǎn)品的團(tuán)隊(duì)組成及其工作內(nèi)容 /040
4 UI的分類 /042
5 UI設(shè)計(jì)師的多種職業(yè)定位 /044
6 用戶體驗(yàn)（UE）設(shè)計(jì)師的必備技能 /045
7 UE工作落地內(nèi)容 /048
8 UE設(shè)計(jì)師成長(zhǎng)須知 /053
9 中國互聯(lián)網(wǎng)產(chǎn)品現(xiàn)狀 /055
10 作業(yè)：制作聊天界面（UI100Day） /057
課程5 有源設(shè)計(jì)
1 什么是有源設(shè)計(jì) /062
2 審美要用“好圖”來“養(yǎng)” /062
3 看過之后要?dú)w納總結(jié)——設(shè)計(jì)風(fēng)格整理 /070
4 從畫面中挖掘出更多的信息——設(shè)計(jì)細(xì)節(jié)的把控 /075
5 提升設(shè)計(jì)能力的必然路徑——有源設(shè)計(jì) /076
6 UI中的有源設(shè)計(jì) /079
7 作業(yè)：制作工作規(guī)劃界面（UI100Day） /083
8 作業(yè)：制作天氣界面（UI100Day） /087
9 作業(yè)：制作日歷界面（UI100Day） /093
課程6 構(gòu)圖和色彩
1 什么是構(gòu)圖 /098
2 構(gòu)圖心理學(xué) /099
3 構(gòu)圖的技巧 /101
4 排版原理 /102
5 色彩 /109
6 色彩搭配在界面中的運(yùn)用 /113
7 配色靈感捕獲 /116
8 配色網(wǎng)站推薦 /117
9 作業(yè)：臨摹“好好住”App的界面 /118
課程7 圖標(biāo)設(shè)計(jì)
1 圖標(biāo)的分類 /127
2 圖標(biāo)的發(fā)展趨勢(shì) /128
3 圖標(biāo)設(shè)計(jì)需遵循的要點(diǎn) /132
4 圖標(biāo)案例分析 /132
5 圖標(biāo)設(shè)計(jì)規(guī)范 /133
6 Dribbble上一些值得推薦的圖標(biāo)設(shè)計(jì)大咖 /138
7 如何臨摹裝飾性圖標(biāo) /139
8 作業(yè)：微信圖標(biāo)Redesign /144
9 作業(yè)：制作30個(gè)圖標(biāo) /150
10 作業(yè)：制作快遞進(jìn)度查詢界面（UI100Day） /155
11 作業(yè)：制作10個(gè)圖標(biāo) /160
12 作業(yè)：制作6個(gè)裝飾性圖標(biāo) /166
13 作業(yè)：制作裝飾性頭像 /171
14 作業(yè)：制作啟動(dòng)頁（UI100Day） /174
15 作業(yè)：制作視頻播放器界面（UI100Day） /179
課程8 字體設(shè)計(jì)
1 中西文字體的分類 /185
2 GUI的起源 /193
3 UI字體需要注意的問題 /194
4 界面字體 /200
5 藝術(shù)字體推薦 /205
6 柵格化設(shè)計(jì) /206
7 英文字體設(shè)計(jì) /209
8 中文字體設(shè)計(jì) /210
9 為什么總說中文排版比英文排版更難 /214
10 中文字體在設(shè)計(jì)中的應(yīng)用原則 /216
11 常用的字庫推薦 /218
12 字體相關(guān)的網(wǎng)站推薦 /221
13 作業(yè)：字體測(cè)量 /227
課程9 Banner設(shè)計(jì)
1 Banner的設(shè)計(jì)目的 /232
2 Banner的構(gòu)圖方式 /232
3 Banner的配色技巧 /234
4 Banner的字體選擇 /236
5 Banner的文字排版 /239
6 文字排版的視覺效果優(yōu)化技巧 /243
7 裝飾搭配 /248
8 Banner修改前后的對(duì)比 /249
9 情緒版Banner /251
10 作業(yè)：制作Banner原型 /254
11 作業(yè)：設(shè)計(jì)制作Banner1 /255
12 作業(yè)：設(shè)計(jì)制作Banner2 /256
13 作業(yè)：設(shè)計(jì)制作Banner3 /257
14 作業(yè)：制作Banner規(guī)范 /274