专业实训-界面设计-期中报告

UI设计与美化何艳丽UI设计与美化1.UI和GUI2.用户界面设计3.界面构成要素1.页面尺寸2.视觉顺序3.布局步骤1.色彩的常识2.色彩的运用3.确定网站的主题色4.色彩的搭配.

一·认识UI

二·网站界面布局

三·色彩应用UI=User+Interface用户界面1.UI和GUIGUI=Graphics+User+Interface图形用户界面

一·认识UI三大原则2.用户界面设计1.3.2.置界面于用户的控制之下减少用户的记忆负担保持界面的一致性

一·认识UI三个方向2.用户界面设计1.3.2.用户研究交互设计界面设计

一·认识UI1.用户研究用户

一·认识UI2.用户界面设计角度方向使用环境浏览习惯功能期望目的易被接受，使用和记忆2.交互设计功能齐全设计粗糙繁琐难用

一·认识UI2.用户界面设计问题方向画面重心心理线索浏览习惯目的取悦浏览者，拉拢下一次登录3.界面设计用户感受

一·认识UI2.用户界面设计角度方向使用者使用环境使用方式目的视觉享受，创造卖点3.界面构成要素1.3.2.文字图形多媒体

一·认识UI3.界面构成要素文字

一·认识UI1.内容传达的主体，占空间小，节省下载和浏览的时间2.形式：标题，信息，文字连接等3.设计：大小，字体，颜色，排布等3.界面构成要素图形

一·认识UI1.生动形象直观，能引起读者的注意，激发阅读兴趣2.格式：JPG,GIF,BMP3.元素：标题背景：衬托主题

主图：突出表现主题连接图3.界面构成要素多媒体

一·认识UI1.是界面构成中最吸引人的元素，好的多媒体元素不但可以增加网站的活力还可以有效的提高网站与浏览者之间的互动交流2.元素：包括音频、视频和动画

二.网站页面布局1.页面尺寸原则：页面宽度不超过一屏，高度不超过三屏影响因素：显示器分辨率、浏览器、操作系统等标准尺寸：1.最保守最有兼容性：779×432，网页宽度<778，不会出现水平滚动条2.1024*768下，网页宽<1002，满框显示高度在612-615之间.不会出现水平和垂直滚动条。

二.网站页面布局2.视觉顺序方向：各种视觉造型元素之前的距离，位置，面积，视觉流程原则：1.一个主旋律2.上强下，左强右3.视觉导向自然流畅1234567891.草图2.粗略布局3.布局细化4.点、线、面的应用

二.网站页面布局3.布局步骤5.布局原则

二.网站页面布局3.布局步骤粗略布局

二.网站页面布局3.布局步骤布局细化

二.网站页面布局3.布局步骤点的应用让浏览者更轻松的找到自己想要的信息

二.网站页面布局3.布局步骤线的应用线不但起到了页面的分割作用，很好的运用线条还使网页锦上添花

二.网站页面布局3.布局步骤布局原则---1.平衡原则---------2.预期原则---------------3.经济原则--------------------4.顺序原则---------------------------5.规则化三.色彩在设计中的应用色彩的常识色彩的应用确定网站的主题色色彩的搭配色彩的常识Retail三原色（基本色）：红、黄、蓝非彩色：黑、白、灰，属性只有明度彩色：其他，属性有明度、纯度、色相色彩常识明度也叫亮度，指的是色彩的明暗程度的大小，明度越大，色彩越发亮，让人感觉绚丽多姿，生气勃勃。适用于：购物，儿童类网站色彩常识纯度指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。适用于：儿童、动漫、时尚、购物等色彩常识色相指的是色彩的名称，是一种色彩区别于另一种色彩的最主要的因素。暖色：跟黑色调和（购物，电子商务，儿童）冷色：跟白色调和（高科技，游戏类--绿色，蓝色）相近色：色环中相邻的三种颜色互补色：色环中相对的两种色彩色彩均衡：位置，比例，面积色彩的应用Retail蓝色：现代商务领域的流行色，web安全色黄色，绿色：与橙色搭配，少用红色：热血、激情、冲动、勇气、恐怖、暴力确定网站的主题色Retail一