本書從網(wǎng)站架構(gòu)、設(shè)備界面、體驗(yàn)設(shè)計(jì)三個(gè)方面，系統(tǒng)地提煉出72條適合當(dāng)下多設(shè)備時(shí)代的UI設(shè)計(jì)方法，以期為用戶打造的使用體驗(yàn)。同時(shí)，講解思路也不拘泥于界面設(shè)計(jì)，除UI設(shè)計(jì)師外，本書同樣適合產(chǎn)品經(jīng)理、信息架構(gòu)師、交互設(shè)計(jì)師等閱讀。
進(jìn)入到多設(shè)備時(shí)代，網(wǎng)站或是APP的設(shè)計(jì)往往需要考慮適配個(gè)人電腦、智能手機(jī)、平板電腦，乃至智能電視、手表等各種終端設(shè)備。而各個(gè)設(shè)備的屏幕尺寸與交互方式所存在的差異，也給UI設(shè)計(jì)師們提出了更為嚴(yán)苛的挑戰(zhàn)。本書著眼于多設(shè)備時(shí)代的UI設(shè)計(jì)法則，從PC到智能終端，無論網(wǎng)站還是APP，一本書即教你打造易用的用戶界面與的用戶體驗(yàn)！
(日)原田秀司，日本平面設(shè)計(jì)師協(xié)會(huì)會(huì)員。1974年生于東京都，東京大學(xué)工學(xué)部畢業(yè)。曾在網(wǎng)站制作公司擔(dān)當(dāng)設(shè)計(jì)總監(jiān)。目前為自由職業(yè)者，從事網(wǎng)頁設(shè)計(jì)與運(yùn)維工作。
第1章 網(wǎng)站架構(gòu)
垂直、水平、前后的空間架構(gòu)
01 鏈接帶來的影響
02 考慮網(wǎng)站的空間立體結(jié)構(gòu)——垂直、水平、前后的關(guān)系
03 四個(gè)元素判定"身在何處"
04 視覺化頁面的前后關(guān)系
05 利用互動(dòng)的表現(xiàn)形式呈現(xiàn)頁面的前后關(guān)系
06 通過視覺設(shè)計(jì)判斷當(dāng)前位置
07 標(biāo)簽體現(xiàn)層次的深度與廣度
頁面版式
08 什么是版式？
09 一欄式版式
10 變化豐富的一欄式版式
11 兩欄式版式第1章 網(wǎng)站架構(gòu)
垂直、水平、前后的空間架構(gòu)
01 鏈接帶來的影響
02 考慮網(wǎng)站的空間立體結(jié)構(gòu)——垂直、水平、前后的關(guān)系
03 四個(gè)元素判定"身在何處"
04 視覺化頁面的前后關(guān)系
05 利用互動(dòng)的表現(xiàn)形式呈現(xiàn)頁面的前后關(guān)系
06 通過視覺設(shè)計(jì)判斷當(dāng)前位置
07 標(biāo)簽體現(xiàn)層次的深度與廣度
頁面版式
08 什么是版式？
09 一欄式版式
10 變化豐富的一欄式版式
11 兩欄式版式
12 三欄式版式
13 兩欄式與三欄式版式的變化
14 網(wǎng)格式設(shè)計(jì)
15 響應(yīng)式網(wǎng)頁設(shè)計(jì)
導(dǎo)航欄
16 導(dǎo)航扮演的角色
17 導(dǎo)航欄的類型
18 常駐于頁面的頁首與頁尾
19 面包屑導(dǎo)航代表位置和路徑
20 面包屑導(dǎo)航的類型
21 全域?qū)Ш綑谂c區(qū)域?qū)Ш綑?/p>
22 可從其他地方返回的關(guān)聯(lián)性導(dǎo)航欄
23 垂直型與水平型的區(qū)域?qū)Ш綑?/p>
24 層次可以通過區(qū)域?qū)Ш綑趤盹@示
25 系統(tǒng)可以通過區(qū)域?qū)Ш綑趤盹@示
26 樹狀區(qū)域?qū)Ш綑诘奈恢?/p>
27 主要內(nèi)容區(qū)域的位置
28 固定導(dǎo)航欄的位置與內(nèi)容
一致性
29 一致性與靈活性的關(guān)系
30 一致性的效果
31 為什么會(huì)"迷路"？
第2章 設(shè)備界面
物理性限制
32 什么是設(shè)備的多元性
33 屏幕大小的影響
34 用戶與屏幕距離的影響
35 屏幕的方向性影響
36 輸入方式造成的影響
軟性限制
37 文字資料的特性
38 圖片文檔的特質(zhì)
39 圖片文檔的純文字化與矢量化
40 瀏覽平臺(tái)不同而產(chǎn)生的差異
滾動(dòng)的方向性
41 什么是自然的滾動(dòng)方向
42 滾動(dòng)文字造成的影響
43 屏幕形狀對(duì)頁面滾動(dòng)的影響
44 元素形狀對(duì)頁面滾動(dòng)的影響
45 元素間距對(duì)頁面滾動(dòng)的影響
46 垂直與水平方向并存的滾動(dòng)方式
47 頁面滾動(dòng)與翻頁的關(guān)系
與設(shè)備互動(dòng)
48 互動(dòng)與反饋的關(guān)系
49 鼠標(biāo)操作產(chǎn)生的反饋
50 由觸摸屏產(chǎn)生的反饋
51 由遙控器操作產(chǎn)生的反饋
無縫界面
52 什么是無縫界面？
53 覆蓋式界面
54 嵌入式界面
55 滑動(dòng)式界面
56 加載滾動(dòng)界面
57 加載翻頁界面
58 加載平移界面
59 滾動(dòng)播放式界面
60 無縫步驟
第3章 體驗(yàn)設(shè)計(jì)
理解與體驗(yàn)
61 平面結(jié)構(gòu)與立體結(jié)構(gòu)的差別
62 從平面考察
63 用立體的視角了解網(wǎng)站的結(jié)構(gòu)
64 利用局部原型進(jìn)行體驗(yàn)
65 真機(jī)體驗(yàn)
設(shè)計(jì)的講究
66 將界面變得簡明
67 可以自然操作的界面
68 活用共通概念
69 運(yùn)用顏色來辨別效果
70 標(biāo)準(zhǔn)化版型與頁面元件
71 避免冗長
72 運(yùn)用精簡的方法創(chuàng)造豐富的內(nèi)容
好
還可以
好書
翻譯不怎么樣
還可以
不錯(cuò)
不錯(cuò)
不錯(cuò)
非常滿意
表面還可以，待翻閱。就是外包裝的箱子太簡陋了，都破了，里面都不加裝個(gè)袋子，實(shí)在是糟糕的包裝。
進(jìn)入到多設(shè)備時(shí)代，網(wǎng)站或是APP的設(shè)計(jì)往往需要考慮適配個(gè)人電腦、智能手機(jī)、平板電腦，乃至智能電視、手表等各種終端設(shè)備。而各個(gè)設(shè)備的屏幕尺寸與交互方式所存在的差異，也給UI設(shè)計(jì)師們提出了更為嚴(yán)苛的挑戰(zhàn)。本書著眼于多設(shè)備時(shí)代的UI設(shè)計(jì)法則，從PC到智能終端，無論網(wǎng)站還是APP，一本書即教你打造易用的用戶界面與完美的用戶體驗(yàn)！
現(xiàn)在來看應(yīng)用的案例稍老舊，還沒細(xì)看。書的紙張還不錯(cuò)的。
從大的方面介紹UI，還不錯(cuò)。
質(zhì)量很好的
作者思想的沉淀，經(jīng)驗(yàn)的總結(jié)，沒有吹噓，對(duì)我很有幫助，很好，值得擁有。
很好很滿意
一般般，不適合初學(xué)者
不錯(cuò)。。。
非常滿意，很喜歡
送貨快。包裝好。沒有質(zhì)量問題。
專業(yè)朋友推薦的
本書從網(wǎng)站架構(gòu)、設(shè)備界面、體驗(yàn)設(shè)計(jì)三個(gè)方面，系統(tǒng)地提煉出72條適合當(dāng)下多設(shè)備時(shí)代的UI設(shè)計(jì)方法，以期為用戶打造完美的使用體驗(yàn)。同時(shí)，講解思路也不拘泥于界面設(shè)計(jì)，除UI設(shè)計(jì)師外，本書同樣適合產(chǎn)品經(jīng)理、信息架構(gòu)師、交互設(shè)計(jì)師等閱讀
很好，是很值得讀的，內(nèi)容也很豐富，下次還會(huì)再來買的，總之很值得哦
包裝完好，物流很快！
還行還行還行還行
慢啦點(diǎn) 慢啦點(diǎn)
支持當(dāng)當(dāng)，快遞很快，書保護(hù)的很好，會(huì)常來的
書不錯(cuò)，方法講的很到位，有點(diǎn)小瑕疵的地方就是有點(diǎn)讓人感覺亂