萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> A0-0基礎如何做UI-目錄

A0-0基礎如何做UI-目錄

   1 手機應用界面設計入門

  講解當前的流行知識,包括什麼元素、所用軟件,未來趨勢 需要具備什麼素質

  3 設計工具

  3.1 photoshop的設置細節

  3.2 photoshop如何和illustrator配合使用

  3.3 其他設計工具

  4 設計前的准備工作

  4.1 了解需求和用戶

  4.2 設計草圖

  4.2.1 草圖的作用

  4.2.2 怎樣的草圖是高效合理的

  4.3 原型設計

  4.3.1 產品原型圖

  4.3.2 產品原型標注

  第二篇 設計思維的培養

  5 UI設計基礎

  5.1 視覺設計的流程

  5.2 平台之間的區別

  1.2.1 手機UI與Web UI的區別

  1.2.2 iOS和Android平台的區別

  1.2.3 Web app和Native app的區別

  5.3 設計尺寸的單位

  1.3.1 什麼的DP

  1.3.2 Android分辨率

  1.3.3 iOS分辨率

  1.3.4 平台設計移植

  6 設計原則

  6.1 簡潔

  6.2 一致性

  6.3 反饋

  6.4 信息扁平化

  6.4 情感化

  7 顏色

  7.1 色彩搭配原則

  7.2 配色技巧

  7.3 色彩應用的情感傾向

  7.4 主色和輔助色

  7.5 點綴色的適當運用

  7.6 不走尋常路的漸變色

  8 風格

  8.1 風格選擇原則

  8.2 擬物風格

  8.3 扁平風格

  9 字體應用

  9.1 Android平台字體運用規范

  9.2 iOS平台字體運用規范

  9.3 特殊字體的運用

  第三篇 UI設計分步解析

  10 布局

  10.1 布局設計原則

  10.2 如何從產品層面確定布局

  10.3 如何考慮布局的交互

  11 圖標設計

  11.1 圖標設計原則

  11.2 怎樣的地方需要圖標

  11.3 風格明顯的圖標

  11.4 表意

  11.5 實例

  12 導航設計

  12.1 主要導航設計

  12.1.1 標簽式

  12.1.2 抽屜式

  12.1.3 跳板式

  12.1.4 列表式

  12.1.5 選項卡式

  12.1.6 陳列館式

  12.1.7 儀表式

  12.1.8 隱喻式

  12.1.9 超級菜單式

  12.2 次級導航設計

  12.2.1 走馬燈

  13.2.2 列表

  13.2.3 圖示

  13.2.4 分段選項卡

  13.2.5 總結

  13 彈層設計

  13.1 選擇器

  13.2 動作列表

  13.3 提示

  14 按鈕設計

  14.1 按鈕設計的注意事項

  15 表單設計

  15.1 注冊表單

  15.2 登錄表單

  15.3 搜索表單

  16 儀表盤設計

  16.1 進度條

  16.2 柱狀圖

  16.3 餅狀圖

  16.4 折線圖

  17 動畫設計

  17.1 刷新設計

  17.2 加載過程

  18 情感化設計

  18.1 引導頁設計

  18.2 啟動頁設計

  18.3 缺省頁設計

  19 信息化設計

  20 柵格化設計

  21 不同類型APP的設計要點

  21.1 社交類

  21.2 新聞閱讀類

  21.3 生活購物類

  21.4 工具類

  21.5 可穿戴設備

  21.6 游戲類

  22 iPAD應用設計

  22.1 iPAD設計注意事項

  23 設計輸出——如何交接給程序開發

  23.1 設計輸出

  23.1.1 切圖方法

  23.1.2 命名規則

  23.1.3 尺寸

  23.1.4 顏色

  23.2 適配方案

  23.3 工程師的開發原理——從設計稿到應用的過程

  23.4 點9是什麼

  24 設計附錄

  24.1 拇指有效區域

  24.2 常用手勢

  24.3 H5頁面是如何考慮設計的

  24.4 如何評估一個項目的工作量

  24.5 UI到底做什麼

  24.6 僅僅好看就是扯淡

copyright © 萬盛學電腦網 all rights reserved