專業(yè)實訓(xùn)-界面設(shè)計-期中報告

UI設(shè)計與美化何艷麗UI設(shè)計與美化1.UI和GUI2.用戶界面設(shè)計3.界面構(gòu)成要素1.頁面尺寸2.視覺順序3.布局步驟1.色彩的常識2.色彩的運用3.確定網(wǎng)站的主題色4.色彩的搭配.

一·認(rèn)識UI

二·網(wǎng)站界面布局

三·色彩應(yīng)用UI=User+Interface用戶界面1.UI和GUIGUI=Graphics+User+Interface圖形用戶界面

一·認(rèn)識UI三大原則2.用戶界面設(shè)計1.3.2.置界面于用戶的控制之下減少用戶的記憶負(fù)擔(dān)保持界面的一致性

一·認(rèn)識UI三個方向2.用戶界面設(shè)計1.3.2.用戶研究交互設(shè)計界面設(shè)計

一·認(rèn)識UI1.用戶研究用戶

一·認(rèn)識UI2.用戶界面設(shè)計角度方向使用環(huán)境瀏覽習(xí)慣功能期望目的易被接受，使用和記憶2.交互設(shè)計功能齊全設(shè)計粗糙繁瑣難用

一·認(rèn)識UI2.用戶界面設(shè)計問題方向畫面重心心理線索瀏覽習(xí)慣目的取悅瀏覽者，拉攏下一次登錄3.界面設(shè)計用戶感受

一·認(rèn)識UI2.用戶界面設(shè)計角度方向使用者使用環(huán)境使用方式目的視覺享受，創(chuàng)造賣點3.界面構(gòu)成要素1.3.2.文字圖形多媒體

一·認(rèn)識UI3.界面構(gòu)成要素文字

一·認(rèn)識UI1.內(nèi)容傳達(dá)的主體，占空間小，節(jié)省下載和瀏覽的時間2.形式：標(biāo)題，信息，文字連接等3.設(shè)計：大小，字體，顏色，排布等3.界面構(gòu)成要素圖形

一·認(rèn)識UI1.生動形象直觀，能引起讀者的注意，激發(fā)閱讀興趣2.格式：JPG,GIF,BMP3.元素：標(biāo)題背景：襯托主題

主圖：突出表現(xiàn)主題連接圖3.界面構(gòu)成要素多媒體

一·認(rèn)識UI1.是界面構(gòu)成中最吸引人的元素，好的多媒體元素不但可以增加網(wǎng)站的活力還可以有效的提高網(wǎng)站與瀏覽者之間的互動交流2.元素：包括音頻、視頻和動畫

二.網(wǎng)站頁面布局1.頁面尺寸原則：頁面寬度不超過一屏，高度不超過三屏影響因素：顯示器分辨率、瀏覽器、操作系統(tǒng)等標(biāo)準(zhǔn)尺寸：1.最保守最有兼容性：779×432，網(wǎng)頁寬度<778，不會出現(xiàn)水平滾動條2.1024*768下，網(wǎng)頁寬<1002，滿框顯示高度在612-615之間.不會出現(xiàn)水平和垂直滾動條。

二.網(wǎng)站頁面布局2.視覺順序方向：各種視覺造型元素之前的距離，位置，面積，視覺流程原則：1.一個主旋律2.上強下，左強右3.視覺導(dǎo)向自然流暢1234567891.草圖2.粗略布局3.布局細(xì)化4.點、線、面的應(yīng)用

二.網(wǎng)站頁面布局3.布局步驟5.布局原則

二.網(wǎng)站頁面布局3.布局步驟粗略布局

二.網(wǎng)站頁面布局3.布局步驟布局細(xì)化

二.網(wǎng)站頁面布局3.布局步驟點的應(yīng)用讓瀏覽者更輕松的找到自己想要的信息

二.網(wǎng)站頁面布局3.布局步驟線的應(yīng)用線不但起到了頁面的分割作用，很好的運用線條還使網(wǎng)頁錦上添花

二.網(wǎng)站頁面布局3.布局步驟布局原則---1.平衡原則---------2.預(yù)期原則---------------3.經(jīng)濟(jì)原則--------------------4.順序原則---------------------------5.規(guī)則化三.色彩在設(shè)計中的應(yīng)用色彩的常識色彩的應(yīng)用確定網(wǎng)站的主題色色彩的搭配色彩的常識Retail三原色（基本色）：紅、黃、藍(lán)非彩色：黑、白、灰，屬性只有明度彩色：其他，屬性有明度、純度、色相色彩常識明度也叫亮度，指的是色彩的明暗程度的大小，明度越大，色彩越發(fā)亮，讓人感覺絢麗多姿，生氣勃勃。適用于：購物，兒童類網(wǎng)站色彩常識純度指色彩的鮮艷程度，純度高的色彩純，鮮亮。適用于：兒童、動漫、時尚、購物等色彩常識色相指的是色彩的名稱，是一種色彩區(qū)別于另一種色彩的最主要的因素。暖色：跟黑色調(diào)和（購物，電子商務(wù)，兒童）冷色：跟白色調(diào)和（高科技，游戲類--綠色，藍(lán)色）相近色：色環(huán)中相鄰的三種顏色互補色：色環(huán)中相對的兩種色彩色彩均衡：位置，比例，面積色彩的應(yīng)用Retail藍(lán)色：現(xiàn)代商務(wù)領(lǐng)域的流行色，web安全色黃色，綠色：與橙色搭配，少用紅色：熱血、激情、沖動、勇氣、恐怖、暴力確定網(wǎng)站的主題色Retail一