——第一章. 建立理解——
1. 資訊的整理：受眾是誰，在什麼地方以怎樣的方式展示，設計目的是什麼，怎麼才能達到這個目的。
理解——提取（重要性排序）——布置（利用特別設計突出重要，次要縮小，適當留白）
2. 貼近和遠離：將同類元素貼近配置（還有一種情況：要素之間的留白也可以使文字和關聯更緊密）
3. 排列和對齊
——版心和假想框的出現
——文字與間距要相等，左右對齊
4. 視線的移動
從上到下，橫向從左到右，豎向從右到左（要考慮，防止視線截斷）
5. 構成和重複（試用於重要度相同的要素，按一定規則編排要素，使種類繁多的要素顯的整齊）
例如：給段落標題統一樣式，或者加上統一小符號（即使雜亂的要素含有統一重複的元素）
6. 直線和曲線的靈活應用（線條用來區分要素，也能讓相同型別的要素有關聯）
線條區分版面容易古板生硬，做壓線處理可以略顯活潑
7. 中心和平衡（要分量）
分量根據面積和顏色（按灰階）決定
如：面積大色淺和面積小色深組合
還要注意中心問題，一般選擇水平居中
8. 字形和字型
粗體字不要使用磅值小的文字，防止不清晰
英文本型：同族字型更加協調
漢字的假想邊框：如果標題的字間距太大應該縮小字間距
文字和英文本母，英文本號應該大一點
注意：統一的字型很整齊，但是統一字型就略顯單一，可以適當變換粗細
以為主題的版面需要使文字緊密集中，不要佔據太多
可以少量的使用特殊字型
9. 易讀的文字編排
文字磅數確定（正文先確定）——每行字數設定——文章分欄
豎排1欄：適合插圖較少
豎排4欄：適合不同大小插畫
橫排2欄：簡單整齊
橫排3欄：大小更自由
行對齊（左右對齊適合長文章）
行高和行間距：一般設為字磅值的兩倍左右，明朝體行高寬一點，黑體行寬窄一點
留白順利：字間隔 < 行間隔 < 段間隔
10. 統一線寬
使用線條寬度一致（同一版面線條不要超過3種）並與文字寬度區別
11. 對稱的穩定感：中軸線對稱，沿一點旋轉對稱，平移對稱
上下對稱（遼闊感）左右對稱（關聯性）
12. 設定虛擬邊框（即版心）
版心佔的面積較多叫版面率大
可以超過版心使更生動（超出，還有頁碼在版心之外）
版心高則有創意，版心低的穩重
13. 網格的靈活應用（確定網格，再插入和文字，同一網格可以有不同排版）
3*4網格 常用手法
2*3網格 不自由
4*6自由 自由度高但是文字太短，影響閱讀
建立網格：確定版心位置（版心的上下尺寸（=（文字的磅值+行間距）*行數 - 行間距）必需符合行的位置）
版心——行——縱向分割線——橫向分割線（寬一點，有利於閱讀）
完全角態法則（缺失的部分將被意識補全）
——第二章. 新增變化——
1. 在建立條理的基礎上，找出重點，新增變化
2. 留白可以產生對比和關聯
3. 粗細線：同一字型，不同粗細
分隔線的粗細不同，將決定分重不同
4. 尺寸：為要素尺寸大小做變化，使有活力
尺寸大小比例稱「跳躍率」跳躍率小平穩，跳躍率大活潑
5. 悅動感（打破對齊）
人的臉和視線也有方向感
要素打亂，不對齊，新增非水平，垂直的直線或曲線要素，漫畫式的動態
6. 退底
為四方形狀，叫「角版」，增強水平和垂直的方向感，可傾斜放置增加變化
按物像輪廓裁剪叫「退底」，也可粗略裁剪，產生粗獷的感覺
利用其他形狀進行裁剪（不同形狀，不同氣氛）
7. 邊界（對於配置要素較多，難以使用留白或動態效果）
方法一：分割線的粗細
方法二：帶狀線，帶顏色的「面」也可以分隔
（運用對話方塊則使版面新增變化）
8. 點綴
當上述難以掌握「打亂」尺度時，可以運用點綴，並且重複使用點綴元素（並適當改變重複元素大小和顏色）
9. 立體
立體感要注意光照方向的統一
——第三章. 強調突出——
1. 反差： 為強調特定要素，需要反差
明暗反差，尺寸反差，字型粗細反差，編排密集度反差，顏色反差（反差要特定，不能太多）
例子1：明暗反差，黑白照凸顯標題並改變白色與背景融合，
2. 明暗
注意：明暗平衡，即使採用黑白也反差不大
3. 差異（用來強調特定要素）
方法：加框包圍，塗滿顏色，隔線區分，追加特別要素
強調長度不高則稍加點綴，強調高，則改變顏色，尺寸，文字大小，但是要避免不和諧
4. 孤立 （用來區分，也可用塗色的方法）
5. 放射
方法一：強調要素放中間，其他放射在外部（還有顏色的運用可以提高強調）
方法二：追加要素（集中線，同心圓，方向的箭頭，使移動視線停止的要素
6. 軟硬
剛硬（方形）和柔和（圓形，漸變）
強調部分剛硬，其他部分虛化
7. 面孔（面孔比例大可以吸引注意）
——第四章. 設計技巧——
1. 節奏：當很難變化時可以在背景上坐節奏，同一角度排列並不能製造節奏
2. 比例：改變正常比例產生視覺衝擊，還可以在同一張圖的不同部分改變比例
3. 數量感：多張數量產生壓倒式的魄力
4. 誇張的變形：頭部大點提高衝擊力
5. 質地感：製造密集感和高階感，可以新增要素分量感
6. 圖案
7. 擬態：擬態熟悉的事物，更親近
8. 印刷加工
9. 增加故事情節
——第五章. 顏色搭配——
1. 顏色的視覺辨認性
色彩效果會隨著背景改變
明度差不大的組合會很難辨認，加大明度差利於區別
注意在中間色調的背景中如果白色和黑色都很難辨認，那麼任何顏色都很難辨認
2. 色調和諧的配色
色相不同，但是明度相同的搭配 很協調
色調和色相體系（粉淡色調，粉色調，淺灰色調，淺色調，明亮色調，高亮色調，鮮豔色調，灰色調，濁色調，深色調，深灰色調，暗色調）
例子：背景顏色，重點部分，文字顏色採用三種不同的色調，搭配得當也能維持平衡
色彩形象圖
3. 強調色的用法（突出顏色差異）
色相對比
彩度對比：高彩度與低彩度
明度對比
補色對比
面積對比：同一顏色，面積小更渾濁
「區塊鏈原理設計與應用「」讀書筆記
區塊鏈思想的誕生 區塊鏈技術具備去中心化 防篡改 可追溯等眾多金融領域十分需要的特點。實現多方場景下開放 扁平化的全新合作信任模型，而這些都為實現更高效的資源配置，更具體的說是金融交易，提供有效的技術手段。新型數字貨幣 分布式賬本技術的支付系統。在清算和結算方面獨特優勢。挑戰 1.不影響業務執行的前...
《最好的UI設計師》 讀書筆記2
對很多人而言，選擇從事ui設計早已不是理智的選擇，而是一場職業冒險！伴隨著羨慕與悔恨，冒險的意願越來越強 人們總是習慣性的高估自己 在低估風險的同時高估自己的能力，結局往往在冒險之初就已注定 成功是由努力和運氣共同決定的 大多數人不是沒有分辨的能力，而是沒有分辨的意識，這種結果偏見讓人們從正確的結果...
《最好的UI設計師》 讀書筆記3
好用優於好看 ui設計，專注於體驗設計，盡可能讓使用者察覺不到設計的痕跡 平面設計，注重營造視覺衝擊力 由於ui設計師在平面上作圖，導致設計師很容易採用平面思維進行設計，進而導致產品重視覺而輕體驗 產品回到了產品該有的形態 深挖使用者的操作習慣，洞察使用者的操作細節 規範是入門的捷徑。設計規格和設計...