WEB UI设计总结

1UI的本意是用户界面,由用户与界面组成,包括用户与界面之间的交互关系,可分为用户研究,交互设计,界面设计。分为以功能为主的网站和一用户为主的网站,

学习网页设计,确定频幕分辨率很重要,,频幕分辨率用来确定计算机频幕上显示多少信息的设置,以水平和垂直像素来衡量,显示分辨率就是频幕上显示的像素个数,频幕尺寸一样的情况下,分辨率越高,显示效果就越精细和细腻。分辨率不同,网页展示给用户的效果就不一样

2:网站分类:用户网站,信息网站,交易类网站,娱乐性网站,博客类网站,论坛(社区),行业类网站,企业网站,机构类网站,功能性网站,

3:网页的构成:模块:导航,新闻,首页焦点图(宣传),搜索,版权,

4web标准布局:结构(HTML,布局(CSS,行为(JAVASCRIPT)。WEB标准化布局原理:把网页看成多个网格,先有行再有列,先有容器再有内容

5:设计维度:版式,色彩,图片,字体,段落,细节。

6:界面设置流程:版式,制作,输出。整个过程需要经过:需求,策划,原型图,设计图,制作,上线发布

7:逐个解决网页制作的基本问题

字体:一般使用默认字体,防止网页中没有你设置的字体而网页内容无法显示出来,

色彩:根据网页性能选择色彩,一般选择积极色彩,不一致的色彩,要给人一种很清新,耐看的感觉。

网页尺寸:像素(显示器上最小尺寸)

图像格式:jpg:色彩丰富、对设备和系统平台适应性强、通用性强,对比GIFPNG的尺寸要大些
GIF:动态、静态、可透明底、体积小,表情常用
PNG:初衷是替代GIFTIFF,体积小,透明底,开发常用,在网页设计中最常用,精度够的话也无什么毛边什么的
flv:视频传播格式,体积小,增长最快最广泛
MP3:大幅度缩小音频体积,音质有损耗

8:视觉层次利用点线面等元素或颜色的变化而塑造出来的空间视觉效果:近大远小(透视),近实远虚(景深),元素层次,色彩层次(亮的往前,暗的往后)

9:切图的作用:页面分解

10:主要案列:首页官网设计:功能(展示企业形象,传播企业业务,集合功能入口)

专题页面设计:,强烈的视觉效果,有趣味的体验,推广信息

设计流程:结构(上下结构,系列专题),风格(产品特点,专题特征),头图(主题字,氛围),内容(内容清晰,布局合理)

创意,版式,色彩,细节

11:最主要的banner设计流程(需求,风格,版式,配色)

 

猜你喜欢

转载自blog.csdn.net/qq_41698013/article/details/79236006
今日推荐