WEB UI设计总结

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

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

2：网站分类：用户网站，信息网站，交易类网站，娱乐性网站，博客类网站，论坛（社区），行业类网站，企业网站，机构类网站，功能性网站，

3：网页的构成：模块：导航，新闻，首页焦点图（宣传），搜索，版权，

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

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

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

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

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

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

网页尺寸：像素（显示器上最小尺寸）

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

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

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

10：主要案列：首页官网设计：功能（展示企业形象，传播企业业务，集合功能入口）

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

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

创意，版式，色彩，细节

11：最主要的banner设计流程（需求，风格，版式，配色）

WEB UI设计总结相关推荐

25套用于 Web UI 设计的免费 PSD 网页元素模板
Web 元素是任何网站相关项目都需要的,质量和良好设计的元素对于设计师来说就像宝贝一样.如果您正在为您的网站,博客,Web 应用程序或移动应用程序寻找完美设计的网页元素,那么下面这个列表会是你需要的. ...
UI 设计师的盛宴：Web UI 设计资源大系
每个 Web 设计师都在 UI 设计上费尽了心血,即使这样,资源的匮乏,视野的狭窄,也常常让他们的呕心沥血之作并不为人看好,事实上,UI 设计并不需要闭门造车,很多 UI 元素是通用的.本文收集了 2 ...
基于 Raphael 的 Web UI 设计 - 初稿
基于 Raphael 的 UI 设计 - 初稿还有很多地方需要完善,这次要把 Raphael 彻底用起来,^_^, 一定要150字哦,一图抵千字啊,^_^,不喜欢写字的,那么怎么凑够150字呢,说说 ...
40+ web UI设计教程
这里有不少的web UI教程 [url]http://www.hongkiat.com/blog/40-greatest-web-interface-design-tutorials-photosho ...
WEB UI设计网站收藏
设计一个良好的用户界面是一个具有挑战性的过程,这个过程需要考虑交互应用.WEB服务器应用......今天给大家分享几款设计师利器,希望能在您设计过程中帮到您! UI Parade 官网:http:// ...
Web UI设计的关键要素！
2019独角兽企业重金招聘Python工程师标准>>> 对齐,对比,亲密性,重复,光源,阴影,高光,渐变! 转载于:https://my.oschina.net/liangrockm ...
UI Web界面设计
UI Web界面设计 -北京菜农- 前言本文将主要在web(如网站)界面设计上的一些观点和看法做相应阐述. 先来理解一下什么是UI?UI即User Interface(用户界面)的简称.UI ...
Web UI 制作规范
一. Web 目录结构规范: 目录建立的原则:以最少的层次提供最清晰简便的访问结构. 目录的命名以小写英文字母,下划线组成. 根目录一般只存放index.htm以及其他必须的系统文件根目录下的p_w ...
Web开发之一：Web UI技术综述
一.什么是UI?什么是UI设计师? 1.什么是UI 按照Wiki的解释: In the industrial design field of human–machine inter ...

WEB UI设计总结

WEB UI设计总结相关推荐

最新文章

热门文章