專業(yè)實訓_界面設計_期中報告

1、UI設計與美化何艷麗何艷麗UI設計與美化1.UI和和GUI2.用戶界面設計用戶界面設計3.界面構成要素界面構成要素1.頁面尺寸頁面尺寸2.視覺順序視覺順序3.布局步驟布局步驟1.色彩的常識色彩的常識2.色彩的運用色彩的運用3.確定網站的主題色確定網站的主題色4.色彩的搭配色彩的搭配. 一一認識認識UIUI 二二網站界網站界面布局面布局 三三色彩色彩應用應用UI=User + Interface用戶界面用戶界面1.UI和GUIGUI=Graphics+User+Interface圖形用戶界面圖形用戶界面 一一認識認識UIUI三大原則2.用戶界面設計1.3.2.置界面于用戶的控制之下置界面于用戶的

2、控制之下減少用戶的記憶負擔減少用戶的記憶負擔保持界面的一致性保持界面的一致性 一一認識認識UIUI三個方向2.用戶界面設計1.3.2.用戶研究用戶研究交互設計交互設計界面設計界面設計 一一認識認識UIUI1.用戶研究用戶用戶 一一認識認識UIUI2.用戶界面設計角度角度方向方向使用環(huán)境使用環(huán)境瀏覽習慣瀏覽習慣功能期望功能期望目的目的易被接受，使用和記憶易被接受，使用和記憶2.交互設計功能齊全功能齊全設計粗糙設計粗糙繁瑣難用繁瑣難用 一一認識認識UIUI2.用戶界面設計問題問題方向方向畫面重心畫面重心心理線索心理線索瀏覽習慣瀏覽習慣目的目的取悅瀏覽者，拉攏下一次取悅瀏覽者，拉攏下一次登錄登錄3.

3、界面設計用戶感受用戶感受 一一認識認識UIUI2.用戶界面設計角度角度方向方向使用者使用者使用環(huán)境使用環(huán)境使用方式使用方式目的目的視覺享受，創(chuàng)造賣點視覺享受，創(chuàng)造賣點3.界面構成要素1.3.2.文字文字圖形圖形多媒體多媒體 一一認識認識UIUI3.界面構成要素文字文字 一一認識認識UIUI1.內容傳達的主體，占空間小，節(jié)省下載和瀏覽的時間2.形式：標題，信息，文字連接等3.設計：大小，字體，顏色，排布等3.界面構成要素圖形圖形 一一認識認識UIUI1.生動形象直觀，能引起讀者的注意，激發(fā)閱讀興趣2.格式：JPG,GIF,BMP3.元素：標題 背景：襯托主題 主圖：突出表現主題 連接圖3.界面構

4、成要素多媒體多媒體 一一認識認識UIUI1.是界面構成中最吸引人的元素，好的多媒體元素不但可以增加網站的活力還可以有效的提高網站 與瀏覽者之間的互動交流2.元素：包括音頻、視頻和動畫 二二. .網站頁面布局網站頁面布局1.頁面尺寸原則：頁面寬度不超過一屏，高度不超過三屏影響因素：顯示器分辨率、瀏覽器、操作系統(tǒng)等標準尺寸：1.最保守最有兼容性：779432 ，網頁寬度778，不會出現水平滾動條 2.1024*768下，網頁寬1002，滿框顯示高度在612-615之間.不會出現水平和垂直滾動條。 二二. .網站頁面布局網站頁面布局2.視覺順序方向：各種視覺造型元素之前的距離，位置，面積，視覺流程原

5、則：1.一個主旋律2.上強下，左強右3.視覺導向自然流暢1. 1.草圖草圖2. 2.粗略布局粗略布局3. 3.布局細化布局細化4. 4.點、線、面的應用點、線、面的應用 二二. .網站頁面布局網站頁面布局3.布局步驟5. 5.布局原則布局原則 二二. .網站頁面布局網站頁面布局3.布局步驟粗略布局粗略布局 二二. .網站頁面布局網站頁面布局3.布局步驟布局細化布局細化 二二. .網站頁面布局網站頁面布局3.布局步驟點的應用點的應用讓瀏覽者更輕松的找到自己想要的信息 二二. .網站頁面布局網站頁面布局3.布局步驟線的應用線的應用線不但起到了頁面的分割作用，很好的運用線條還使網頁錦上添花 二二.

6、.網站頁面布局網站頁面布局3.布局步驟布局原則布局原則-1.平衡原則-2.預期原則-3.經濟原則-4.順序原則-5.規(guī)則化三.色彩在設計中的應用色彩的常識色彩的常識色彩的應用色彩的應用確定網站的主題色確定網站的主題色色彩的搭配色彩的搭配色彩的常識色彩的常識Retail三原色（基本色）：紅、黃三原色（基本色）：紅、黃、藍藍非彩色：黑、白、灰，屬性只有明度彩色：其他，屬性有明度、純度、色相色彩常識明度明度也叫亮度，指的是色彩的明暗程度的大小，明度越大，也叫亮度，指的是色彩的明暗程度的大小，明度越大，色彩越發(fā)亮，讓人感覺絢麗多姿，生氣勃勃。色彩越發(fā)亮，讓人感覺絢麗多姿，生氣勃勃。適用于：購物，兒童類

7、網站適用于：購物，兒童類網站色彩常識純度純度指色彩的鮮艷程度，純度高的色彩純，鮮亮。指色彩的鮮艷程度，純度高的色彩純，鮮亮。適用于：兒童、動漫、時尚、購物等適用于：兒童、動漫、時尚、購物等色彩常識色相色相指的是色彩的名稱，是一種色彩區(qū)別于另一種色彩的最指的是色彩的名稱，是一種色彩區(qū)別于另一種色彩的最主要的因素。主要的因素。暖色：跟黑色調和（購物，電子商務，兒童）暖色：跟黑色調和（購物，電子商務，兒童）冷色：跟白色調和（高科技，游戲類冷色：跟白色調和（高科技，游戲類- -綠色，藍色）綠色，藍色）相近色：色環(huán)中相鄰的三種顏色相近色：色環(huán)中相鄰的三種顏色互補色：色環(huán)中相對的兩種色彩互補色：色環(huán)中相對的兩種色彩色彩均衡：位置，比例，面積色彩均衡：位置，比例，面積色彩的應用色彩的應用Retail藍色：藍色：現代商務領域的流行色，現代商務領域的流行色，webweb安全色安全色黃色，綠色黃色，綠色：與橙色搭配，少用：與橙色搭配，少用紅色：紅色：熱血、激情、沖動、勇氣熱血、激情、沖動、勇氣、恐怖、暴力、恐怖、暴力確定網站的主題色確定網站的主題色Retail一個網站必須有一種或兩種主題色一個網站必須有一種或兩種主題色一個頁面盡量不要超過