本節簡介:UI基本常識;優秀UI欣賞分析;UI制作流程。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
UI設計不像logo設計,是整個大的設計,所以用色一定要合理;同一個界面的顏色最多是4~5種
1、上下左右的平衡原則;2、統一性的原則(例如按鈕,窗口等的處理應該是一致化的);3、主次順序來排列方便用戶的使用,層次會更分明;4、元素的設計的統一(形狀上,顏色上,特效上的統一等)。
UI設計規范:色彩1、吸引用戶 2、防止疲勞 3、最多4-5色 4、前景色醒目 5、忌色彩反差大 布局:1、突出功能2、層次分明3、簡潔大方4、各界面統一 元素1、.ICON .按鈕 .導航 .信息欄 .文字 .背景 排列位置1、布局合理2、按順序排列3、方便使用。
UI布局的原則:1、上下左右的平衡原則;2、統一性的原則(例如按鈕,窗口等的處理應該是一致化的);3、主次順序來排列方便用戶的使用,層次會更分明;4、元素的設計的統一(形狀上,顏色上,特效上的統一等)。
UI設計規范:色彩1、吸引用戶 2、防止疲勞 3、最多4-5色 4、前景色醒目 5、忌色彩反差大 布局:1、突出功能2、層次分明3、簡潔大方4、各界面統一 元素1、.ICON .按鈕 .導航 .信息欄 .文字 .背景 排列位置1、布局合理2、按順序排列3、方便使用。
UI界面整體風格要統一,文字,色彩 ,圖形,圖像,特效,整體保持統一
UI布局的原則:1、上下左右的平衡原則;2、統一性的原則(例如按鈕,窗口等的處理應該是一致化的);3、主次順序來排列方便用戶的使用,層次會更分明;4、元素的設計的統一(形狀上,顏色上,特效上的統一等)))
UI設計不像logo設計,是整個大的設計,所以用色一定要合理;同一個界面的顏色最多是4~5種
UI平衡,界面統一,按鈕菜單統一。元素順序排列,統一的色調,窗口位置,效果。。。整體風格一致
漂亮的朦朧效果:圖片去色,復制一份,反向,顏色減淡,濾鏡高斯模糊,最后正片疊底一層淺純色圖層
漂亮的朦朧效果:圖片去色,復制一份,反向,顏色減淡,濾鏡高斯模糊,最后正片疊底一層淺純色圖層。
同一界面最多5種顏色,前景色盡量明亮,背景色盡量暗淡。注意上下左右平衡,不要數據堆積,背景一定不要搶主體物,背景色偏暗或中明度。登陸界面1000*750,72px
淡淡的綠葉背景效果——先截取一段,然后去色,復制一層,另一層Ctrl+i反相,然后圖層模式選擇顏色簡單,最后將這一層高斯模糊得到一層淡淡的葉子的效果,最后在新建一層填充淡綠色,降低不透明度到合適的程度。
綠色和藍色對眼睛可以起到保護作用, 淡淡的效果可以給人不刺激的感覺,清爽自然
常用UI分類:1.游戲界面 較復雜 人物 細節 操作欄目 風格協調統一 彈出窗口 2.各類軟件UI MSN QQ 聊天窗口,文字圖片顯示區域大 3.手機界面UI設計 主題即UI界面設計的一種 4.網站UI界面 標識 LOGO 導航條 整體風格色調 結構的統一
I指的是用戶界面設計,也就是指各類界面設計。 1.色彩:-吸引用戶 -防止疲勞 -最多4~5色 -前景色醒目 -忌色彩反差大 2.布局:- 突出功能 -層次分明 -簡潔大方 -各界面統一 3.元素:-ICON -按鈕 -導航 -信息欄 -文字 -背景 4.排列位置:-布局合理 -按順序排列 -方便使用