1.认识网站设计UI界面设计的规范。

对UI界面设计的规范

1.1 一个产品应提供一项核心功能或服务,在进行网站UI设计、交互设计、内容排版时也应围绕这个目标来进行。在团队合作中网站设计的UI界面设计的规范尤为重要,为了使最终设计出来的UI界面风格一致化,开发者之间相互协作更轻松,通常要先制定界面设计规范。

1.2 网站设计公司UI界面设计的规范贯穿以用户为中心的设计指导方向,根据产品的特点而制定,以达到提升用户体验,控制产品设计质量,提高设计效率的目的。UI界面规范适合界面设计师,用户体验设计师,前端开发技术工程师,发布支持人员,运营编辑人员的参照。

1.3 设计公司UI界面设计的规范可以统一识别,规范能使同一类型设计部件具有统一性,防止混乱,甚至出现严重错误,避免用户在浏览时理解困难;相同属性单元、模块可执行此标准重!复使用,减少无关信息,就是减少对主体信息传达的干扰,利于阅读与信息传递;视觉设计师交接时,可以减少沟通成本,在项目中途增加人手时,查看标准能使工作上手时间更快,减少出错。

2. UI界面设计视觉规范的构成。

制定视觉规范前,先要了解其构成要素有哪些,再着手建立。这里从以下几个方面来梳理一下。

(1)界面设计总体规范。界面的整体尺寸。比如网站设计开发、APP设计开发的分辨率,一般会从的典型界面入手,从而确定整套界面尺寸规范。

(2)典型内容区的尺寸。比如设计公司在设计网页的导航、版权、内容模块等的尺寸; APP中的图标、控件等的尺寸大小等。目前市面上常用系统的规范基本上是固定的,IOS与Android系统的APP常用规范。

(3)文本规范。确定典型页面不同区域的字体,字体颜色,字号大小。

(4)间距边距规范。确定内容元素之间的间距以及内容元素四周的边距。

(5)按钮规范。确定典型功能的尺寸、样式和按钮内图标、文字的大小和位置。

(6)图片规范。确定典型模板的图片尺寸、样式。

(7)其它规范，根据产品具体需求涉及的功能，确定其它可能会出现的视觉元素规范，比如弹窗样式尺寸、侧边栏的样式与尺寸等...

(8)人们逐渐地喜欢上了更简洁、更直观的阅览效果。色彩情感的形状导向法是指运用色彩的对比技巧在网站界面上划分出不同形状、区域，给人以明显的区域、形状感，根据这种形状效果引导浏览者的思想和访问、操作行为。利用色彩划分形状,形成导向指引。现在很多网站设计公司设计的网页使用了这种方法区别网站栏目和板块。重金属、厚水晶慢慢地被简洁色块代替,纯色的背景比重复的小图案背景更受网民青睐。栏月、板块的划分并不一定需要“线”的。调整一下相邻板块的颜色，也可以带来意想不到的效果。