掃一掃
關(guān)注中圖網(wǎng)
官方微博
雙劍合璧:移動UI設(shè)計(jì)師快速上手指南 版權(quán)信息
- ISBN：9167121273520
- 條形碼：9167121273520 ; 916-7-121-27352-0
- 裝幀：一般純質(zhì)紙
- 冊數(shù)：暫無
- 重量：暫無
- 所屬分類：>
雙劍合璧:移動UI設(shè)計(jì)師快速上手指南 本書特色
《Sketch+Xcode雙劍合壁-移動UI設(shè)計(jì)師快速上手指南》作為國內(nèi)首部Sketch書籍，旨在通過靈活的教學(xué)方式和輕松的語言組織，讓你在整個UI設(shè)計(jì)過程中不再枯燥，通過當(dāng)今流行的UI設(shè)計(jì)工具，快速而又快樂的掌握這項(xiàng)當(dāng)下熱門的技能。 并且隨書附送海量視頻內(nèi)容，學(xué)UI，據(jù)說視頻和書更配哦 《Sketch+Xcode雙劍合壁-移動UI設(shè)計(jì)師快速上手指南》作者良心錄制的超過300分鐘（實(shí)際近600分鐘）的教學(xué)視頻，從設(shè)計(jì)原理到軟件操作技能，再到思考方式，涵蓋UI設(shè)計(jì)的方方面面，輕松幽默的語言讓你的學(xué)習(xí)過程不再枯燥。大量實(shí)例貫穿整個學(xué)習(xí)環(huán)節(jié)，教你學(xué)會技能，更教你如何思考，更快速掌握UI設(shè)計(jì)的各個環(huán)節(jié)不再是遙不可及的夢。 粗略的原型讓人表達(dá)想法，高保真原型讓人感受界面細(xì)致與交互的連貫。使用Sketch與Xcode的組合,就可以讓你快速的制作一個細(xì)致的、可安裝在iPhone上的演示的Demo，就跟歷時數(shù)月開發(fā)完的APP效果一樣。這真是一種爽快的體驗(yàn)，像我這種平時只做線框原型的人都急切的想知道它是如何快速的實(shí)現(xiàn)。 —尹廣磊 Axure中文社區(qū)創(chuàng)始人 我極力推薦我們的UI團(tuán)隊(duì)全員使用sketch軟件。Sketch的artboard、shared style、symbols等功能在極大提高設(shè)計(jì)效率的同時，為團(tuán)隊(duì)設(shè)計(jì)成果統(tǒng)一化建設(shè)提供了不小的幫助。另外，Sketch在軟件設(shè)計(jì)上定位精準(zhǔn)，且非常的互聯(lián)網(wǎng)化，使得設(shè)計(jì)師的學(xué)習(xí)成本很低。我更欣賞sketch開發(fā)團(tuán)隊(duì)的高效工作節(jié)奏，在反饋軟件問題的當(dāng)天，就收到了新的的版本通知。 —楊蓉蓉 京東智能UI設(shè)計(jì)師 Sketch讓設(shè)計(jì)師進(jìn)入了專注于設(shè)計(jì)本身的全新時代，而它無限擴(kuò)展的插件又讓這些美妙的想法更快更好的付諸實(shí)現(xiàn)。強(qiáng)烈建議初中級UI設(shè)計(jì)師，以及所有對移動端設(shè)計(jì)感興趣的朋友讀讀這本《Sketch+Xcode雙劍合壁》，也希望你能喜歡上我的Sketch Measure插件。 —utom 獵豹移動UX設(shè)計(jì)師 ，Sketch Measure插件創(chuàng)造者
雙劍合璧:移動UI設(shè)計(jì)師快速上手指南 內(nèi)容簡介
UI設(shè)計(jì)作為近兩三年新型的設(shè)計(jì)門類吸引了越來越多的設(shè)計(jì)師加入其中。與其他設(shè)計(jì)不同，UI設(shè)計(jì)師需要更加深入地了解用戶心理、技術(shù)實(shí)現(xiàn)形式。本書以Sketch的軟件操作作為切入點(diǎn)，以一個個發(fā)生在設(shè)計(jì)師身邊的小故事為引子，讓廣大設(shè)計(jì)師深入淺出地理解UI設(shè)計(jì)的相關(guān)知識以及工作流程。 同時，書中創(chuàng)新地引入Xcode這款A(yù)PP開發(fā)工具，通過大量的實(shí)例，讓設(shè)計(jì)師了解一款應(yīng)用從設(shè)計(jì)到開發(fā)的全過程，并*終可以做成一款真正可以在移動端運(yùn)行的Demo。
雙劍合璧:移動UI設(shè)計(jì)師快速上手指南 目錄
Chapter 1
華麗轉(zhuǎn)身，從Web設(shè)計(jì)師到APP設(shè)計(jì)師
1.1 把網(wǎng)頁設(shè)計(jì)稿縮小就是APP設(shè)計(jì)了嗎？ / 3
1.2 手機(jī)型號、尺寸及分辨率 / 3
1.2.1 了解主流手機(jī)分辨率 / 3
1.2.2 用哪種分辨率作為設(shè)計(jì)稿的標(biāo)準(zhǔn)尺寸？ / 4
1.2.3 手機(jī)分辨率與輸出素材對應(yīng)速查表 / 6
1.3 移動設(shè)備上的字體與字號 / 6
1.3.1 移動設(shè)備使用的字體 / 7
1.3.2 dp、px、sp傻傻分不清楚 / 7
1.4 *小可點(diǎn)擊區(qū)域 / 8
1.5 Android與iOS界面設(shè)計(jì)的異同 / 9
Chapter 2
擁抱變化——Sketch初體驗(yàn)
2.1 下載并安裝Sketch / 13
2.2 熟悉Sketch界面 / 14
2.2.1 歡迎界面 / 14
2.2.2 Sketch主界面 / 15
2.3 自定義工具欄 / 16
2.4 Sketch工具一覽 / 17
Chapter 3
快速上手——玩轉(zhuǎn)Sketch
3.1 Sketch中的Artboard及圖層 / 28
3.1.1 在工作區(qū)建立Artboard畫板 / 28
3.1.2 Sketch中的圖層結(jié)構(gòu) / 29
3.2 玩轉(zhuǎn)Sketch圖形工具 / 32
3.2.1 線條工具（Line） / 32
3.2.2 箭頭工具（Arrow） / 33
3.2.3 矩形（Rectangle）與圓角矩形工具（Rounded） / 33
3.2.4 多邊形工具 / 34
3.3 鋼筆、鉛筆類工具 / 35
3.3.1 使用鋼筆工具繪制線段 / 35
3.3.2 使用鋼筆工具畫弧線 / 35
3.3.3 錨點(diǎn)的添加、刪除及移動 / 36
3.3.4 像素對齊 / 37
3.3.5 鉛筆工具 / 37
3.3.6 剪刀工具 / 37
3.3.7 描邊選項(xiàng) / 38
3.4 畫龍點(diǎn)睛——不可或缺的文本工具 / 39
3.4.1 在Sketch中添加文本 / 39
3.4.2 改變文字屬性 / 39
3.4.3 調(diào)整文本字體、字號及顏色 / 39
3.4.4 文本修飾 / 39
3.4.5 在文本上使用顏色漸變 / 39
3.4.6 文本框?qū)挾?/ 40
3.4.7 行間距、字間距與段間距 / 40
3.4.8 定義共享文本樣式 / 40
3.4.9 將文字附加到路徑 / 40
3.4.10 將文本轉(zhuǎn)化為輪廓 / 41
3.5 少即是多——靈巧的位圖處理工具 / 41
3.5.1 在Sketch中插入位圖 / 41
3.5.2 位圖在圖層中的展示 / 41
3.5.3 使用矩形選區(qū)工具編輯位圖 / 41
3.5.4 魔術(shù)棒工具（Magic Wand） / 42
3.5.5 反向選擇（Invert Selection） / 42
3.5.6 使用顏色填充選區(qū)（Fill Selection） / 42
3.5.7 矢量填充（Vectorize Fill） / 42
3.5.8 裁切工具 （Crop） / 42
3.5.9 調(diào)整圖像顏色 / 43
3.5.10 將圖層轉(zhuǎn)化為位圖 / 43
3.5.11 替換圖片 / 43
3.5.12 將圖片還原為原始大小 / 43
3.5.13 縮小圖片體積 / 43
3.5.14 九宮格圖片 / 43
3.6 導(dǎo)入和導(dǎo)出多種格式的圖形文件 / 45
3.6.1 導(dǎo)入文件到Sketch / 45
3.6.2 從Sketch中導(dǎo)出文件 / 46
3.7 事半功倍的秘訣——Sketch中的模板 / 48
3.7.1 Sketch3中自帶的模板 / 49
3.7.2 建立自定義模板 / 52
3.8 不能說的秘密——Sketch強(qiáng)大的第三方插件 / 53
3.8.1 Sketch插件的安裝方法 / 53
3.8.2 Sketch常用插件推薦 / 55
3.9 不加班，一稿過的絕密武器 / 60
3.9.1 在移動設(shè)備上預(yù)覽并展示設(shè)計(jì)稿 / 60
3.9.2 完全還原手機(jī)系統(tǒng)真實(shí)字體——PDF方式預(yù)覽設(shè)計(jì)稿 / 63
3.9.3 使用Promotee軟件將設(shè)計(jì)稿通過仿真效果呈現(xiàn) / 64
3.9.4 使用Mockup模擬真實(shí)使用場景 / 65
3.10 讓Sketch更順手——偏好設(shè)置及性能選項(xiàng) / 66
3.10.1 General選項(xiàng)卡 / 66
3.10.2 Canvas選項(xiàng)卡 / 67
3.10.3 Layers選項(xiàng)卡 / 68
3.10.4 避免崩潰，應(yīng)該知道的影響Sketch性能的因素 / 69
3.11 熟悉Sketch快捷鍵，進(jìn)一步提升工作效率 / 70
3.11.1 Sketch快捷鍵一覽 / 71
3.11.2 解決快捷鍵沖突 / 77
3.11.3 自定義Sketch快捷鍵 / 77
3.11.4 通過修改Sketch插件代碼來修改插件快捷鍵 / 78
3.12 回到過去——Sketch中的時光機(jī)器 / 80
3.13 為開發(fā)做準(zhǔn)備——設(shè)計(jì)稿交付與溝通 / 82
3.13.1 將Sketch設(shè)計(jì)稿導(dǎo)出為開發(fā)素材 / 82
3.13.2 為完美復(fù)現(xiàn)做好準(zhǔn)備——標(biāo)注你的設(shè)計(jì)稿 / 85
3.13.3 讓“程序猿”更懂你——動起來的設(shè)計(jì)稿 / 88
3.14 實(shí)戰(zhàn)——使用Sketch繪制圖標(biāo) / 93
3.14.1 設(shè)計(jì)前的分析和思考 / 93
3.14.2 表盤的繪制 / 93
3.14.3 指針的繪制 / 95
3.15 實(shí)戰(zhàn)——使用Sketch設(shè)計(jì)APP界面 / 96
3.15.1 分析畫面元素 / 96
3.15.2 確定為何種平臺做設(shè)計(jì) / 97
3.15.3 選擇合適的Artboard尺寸 / 97
3.15.4 繪制毛玻璃背景 / 97
3.15.5 繪制Status Bar / 99
3.15.6 繪制文字及圖標(biāo) / 99
3.15.7 繪制輸入框 / 101
3.16 實(shí)戰(zhàn)——使用Sketch繪制可愛的卡通人物 / 102
3.16.1 分析角色構(gòu)成 / 102
3.16.2 繪制頭部及眼睛 / 102
3.16.3 繪制身體 / 103
3.16.4 繪制胳膊及手指 / 103
3.16.5 組合所有元素 / 104
3.17 使用Sketch設(shè)計(jì)Apple Watch界面 / 105
3.17.1 為Apple Watch創(chuàng)建畫布 / 106
3.17.2 Apple Watch使用的字體與字號 / 106
3.18 靜電的Sketch答疑教室 / 110
Chapter 4
寫給設(shè)計(jì)師看的Xcode教程
4.1 為什么要學(xué)習(xí)Xcode / 122
4.2 安裝并運(yùn)行Xcode / 124
4.2.1 了解Xcode / 124
4.2.2 下載并安裝Xcode / 124
4.3 Xcode初體驗(yàn) / 126
4.3.1 你好，Xcode! / 126
4.3.2 與新朋友一起玩耍 / 126
4.4 創(chuàng)建啟動界面 / 129
4.4.1 熟悉Xcode中的各項(xiàng)模板 / 129
4.4.2 使用Single View Application開始新嘗試 / 130
4.4.3 熟悉控件——自定義啟動界面 / 131
4.4.4 導(dǎo)入圖片資源文件 / 134
4.5 使用故事板創(chuàng)建交互效果 / 137
4.5.1 什么是故事板（StoryBoard）？ / 137
4.5.2 為使用故事板準(zhǔn)備設(shè)計(jì)稿 / 138
4.5.3 設(shè)定Xcode故事板尺寸 / 139
4.5.4 為Storyboard添加控件 / 141
4.5.5 導(dǎo)入圖片資源到Xcode / 143
4.5.6 讓Storyboard顯示圖片 / 144
4.5.7 使用按鈕為Storyboard加入單擊事件 / 145
4.5.8 讓Storyboard動起來 / 146
4.6 搞定Tab Bar交互效果 / 148
4.6.1 準(zhǔn)備素材 / 148
4.6.2 新建Xcode工程 / 149
4.6.3 使用Tab Bar Controller來構(gòu)建Tab Bar導(dǎo)航效果 / 149
4.6.4 一點(diǎn)點(diǎn)代碼——修改Tab Bar背景顏色與單擊圖標(biāo)顏色 / 154
4.7 創(chuàng)建Navigation Controller導(dǎo)航效果 / 155
4.7.1 為使用Navigation Controller準(zhǔn)備素材 / 156
4.7.2 在Xcode中建立新工程 / 157
4.7.3 使用Navigation Controller / 158
4.7.4 導(dǎo)入素材圖片 / 161
4.7.5 鏈接VC，創(chuàng)建交互效果 / 163
4.7.6 設(shè)置Title Bar屬性 / 164
4.8 創(chuàng)建頁面滾動效果 / 166
4.8.1 準(zhǔn)備素材圖片 / 166
4.8.2 建立Xcode工程與導(dǎo)入素材圖片 / 167
4.8.3 使用ScrollView構(gòu)建界面 / 169
4.8.4 讓Scroll View滾動起來 / 171
4.9 使用SVN或Git與工程師協(xié)作 / 175
4.9.1 SVN和GIT是什么？ / 175
4.9.2 SVN對設(shè)計(jì)師有什么作用？ / 176
4.9.3 在Xcode中使用SVN或者GIT / 176
4.9.4 替換開發(fā)工程中的圖片文件 / 177
4.10 靜電老師的Xcode答疑教室 / 179
Chapter 5
后記
關(guān)于Sketch和Xcode——靜電的小伙伴有話說 / 184
讓感性設(shè)計(jì)與理性思維迸發(fā)光芒——寫在*后 / 186
展開全部
雙劍合璧:移動UI設(shè)計(jì)師快速上手指南 作者簡介
靜電，sketch中國社區(qū)創(chuàng)始人，站酷及UI中國、優(yōu)設(shè)網(wǎng)等媒體人氣教程作者，致力于推廣Sketch等UI設(shè)計(jì)新工具的使用及前沿設(shè)計(jì)理念。對當(dāng)今互聯(lián)網(wǎng)行業(yè)設(shè)計(jì)有著深刻思考，撰寫過多篇教程、評論文章等，得到了業(yè)界的熱烈反應(yīng)和認(rèn)同。靜電倡導(dǎo)設(shè)計(jì)師與產(chǎn)品經(jīng)理及開發(fā)工程師密切合作，認(rèn)為設(shè)計(jì)師應(yīng)當(dāng)從多種層面了解設(shè)計(jì)以外的知識內(nèi)容，從而推動不同角色之間更有效的協(xié)作。
書友推薦
- >
山海經(jīng)
- >
月亮與六便士
- >
人文閱讀與收藏·良友文學(xué)叢書:一天的工作
- >
上帝之肋:男人的真實(shí)旅程
- >
隨園食單
- >
詩經(jīng)-先民的歌唱
- >
伯納黛特,你要去哪(2021新版)
- >
苦雨齋序跋文-周作人自編集
本類暢銷
