ui网站设计规范 (阿里 ui设计规范 下载)

UI规划需求包含什么内容
一．开端知道UI：了解UI规划师的人物界说和价值表现，UI的意义、UI规划师的意义
学习内容：学习规划根底、字体、构图、手绘等根底技术。快速培育UI规划师的视觉敏锐度，和绘画才干。
二维造型办法，二维精约图标制作原理与技法，各种原料质感表现。
三维造型办法（物体的体积、结构、透视与光影表现）
色彩原理：色彩特色、比照与谐和、色彩的混色装备、规划色彩的表述系统，色彩的装修美感及色彩的表现办法
二．规划软件运用：以Photoshop软件为东西，解说书本封面规划、海报规划、广告规划、影楼后期处理、包装规划、喷绘规划、画册规划、DM规划等企业实践作业中的具体项目。
以矢量图形制作软件Illustrator为东西，解说标志规划、字体规划、图形规划、企业VI规划、卡通形象规划等企业实践作业中的具体项目。
字体专项规划：字体的分类和品种、字体的知道、各种场合字体的运用、形象时髦字体规划、字体标志及在广告规划中的实践运用
版式专项规划：版式的概念、版式中的色彩运用、版式中的字体运用以及网页、书本、报纸、画册、DM、海报等中的运用。
平面项目规划：结合软件、色彩、字体及版式的学习，针对宣传单、折页、手刺、海报及VI做专题规划，提高归纳运用才干及平面UI规划才干。
三．WUI规划根底：页面规划根本流程与规划标准的概念性解说，要点了解WEB界面规划标准；网页配色技巧、色彩与构图的概念及技巧；网页导航与字版式规划
网页规划软件运用：以Fireworks为东西介绍软件的根本构成、矢量东西和位图东西、WUI用户界面及广告规划。
以Dreamweaver为东西树立站点、增加页面元素、运用CSS款式及交互行为。
以Flash为东西了解动画制做原理与技巧，典型WUI商业广告中的Flash技术与完结。
网页规划要素：学习web网站规划根本要素，网站图标、按钮、广告banner、专题页规划等元素的具体规划办法
Web标准化布局：（X）HTML/HTML5言语：HTML语法与常用标签的详解，包含布局标签，表格标签，表单标签等。
CSS/CSS3层叠款式表：CSS语法与常用特色的详解，运用CSS对网站中各个模块进行润饰美化。
WUI项目实战规划：以企业网站、电商网站及专题网页做实战项目规划，经过全流程规划，到达网页界面规划要求
四．UE交互规划
1. 手机主题、界面与图标规划；
2. 拟物化与扁平化规划；
3. 系统性学习苹果IOS规划标准；
4. 系统性学习Android规划标准。
UI规划需求哪些技术
越来越多的人想要自学进入UI规划的队伍，那么UI规划自学需求会什么呢？到达什么样的程度才干作业呢？
1、手绘才干
成为一个优异的UI规划师需求必定的手绘才干，为什么？首要，在纸上的着手才干比在软件上完结较快速，功率有必定提高，另一方面，经过手绘，能杰出自己创造的异乎寻常，乃至能够从“乱涂乱画”中得到创意。或许咱们到这儿就有点惊骇了，我不是画画、艺术专业的，没有这方面的才干。我想大部分想成为UI规划师的人都不是艺术、画画专业的，手绘才干较弱是正常的，怎样处理？两个字，多画，游刃有余的道理我信任咱们都是懂的。
2、通晓软件
引荐PS AI 。根本上任何规划类的作业，都是需求用到这二个软件的，现在网络上有许多免费的公开课，要找一大把，假如自己学不来，那就去报班学习。 这个不必多说，咱们都懂，我在上面也标明晰什么方向需求把握什么软件，咱们能够依据自己的方神往一个软件上下功夫，争夺成为大神。假如说后期这两个运用的都特别的数量之后，能够再学习其它的软件。
3、描摹
每天描摹一张，由简到繁，能够去各大类UI网站找他人的教程，有PS的，也有手绘的。坚持三个月，会有成效。多看看他人的著作，优异的著作永远是咱们学习的典范。没有根底想自学，那么只要不断的坚持才干得到你想要的成果。
4、实践
学习了一段时刻之后，那么你要看看你自己的才干到达了什么样的作用，然后就要自己实践的去实在做一下，自己那些缺乏，还有什么要多学习提高的当地。做一套图标或许做网页都能够。做完之后，让身边的大神给点拨一下，多听取他人的定见，才干更好的把握不一样的规划理念。
5、找实习
觉得自己学习的差不多了，就能够收拾一下自己之前的著作了，把之前的图标和网页都带上去。做成著作集开端找实习。这个著作集能够表现你两个特质：1.情绪不错，有点根本功，有意志。2.有点点产品的认识和感觉。不要在乎薪酬和公司规划，可是重视一下你的上司和作业内容，许多技术只要在作业中才干更好的发现，才干得到大的提高。
6、做实在项目
找到实习后，就情绪好一点，活跃一点，根本就算入行了。多跟单位有经历的搭档学习，不明白的就问，信任一两年之后，才干就会跟着时刻变得更好。
UI规划网页规划字体标准应该要注意什么

许多刚做APP界面的规划师，常常会由于字号，字体色彩，距离而困扰。下面共享一些界面中常用的字体，字号，字体色彩及距离对齐的一些小经历。期望能对咱们有些协助。

惯例字体的运用标准

在每个项目规划中只运用1-2个字体款式，而在品牌字有明晰的标准的情况下，只需求一种字体贯穿全文，经过对字体扩大来着重要点案牍。字体用的太多，越显得不行专业。

不同的款式的字体，形状或系列最好相同，确保字体风格的一致性。

字体与布景的层非必须清楚,确保字体款式与色彩气氛相匹配

界面中文字运用的规矩

在不同渠道的界面规划标准中的字体会有不同，像移动界面的规划就会有固定的字体款式。网页中会有常用的几个字体

移动端常用的的字号--导航主标题字号：40-42px，偏小的40px字号，显得精美些

在内文展现中字号巨细--大的正文字号32px，副文是26px，小字20px。

在内文的运用中，依据不同类型的App会有所区别。像新闻类的APP或文字阅览类的APP更重视文本的阅览快捷性，正文字号36px，会挑选性的加粗。而列表方式、东西化的APP遍及是正文32px，不加粗。副案牍26px,小字20px，26px的字号还会用于区别类别的提示案牍，由于这样的文字期望用户阅览，但不要抢过主列表信息的引导。36px的字号还常常运用在页面的大按钮中。为了摆开按钮的层次，一起加强按钮引导性，选用了稍大号的字体。

在选用字体巨细的时分必定要挑选偶数的字号，由于在开发界面的时分，字号巨细换算是要除以二的。这个具体缘由咱们能够网上查询，我就不在这逐个的介绍了。

常用字号的巨细根本就这几个，依据版式规划需求也会选用异常巨细的字号来特别处理。这种更高的要求规划师的大局把控才干了。

网页端常用的字号有哪些呢？网页中文字字号一般都是宋体12px或14px(无状况)，大号字体用微软雅黑或黑体。大号字体是18px、20px、26px、30px，一般运用双数字号，奇数的字体在显现的时分会有毛边。

常用的字体

①平平稳稳:微软雅黑/方正中黑

微软雅黑系列：在网页规划中这款字体运用的十分普通，这款只无论是扩大仍是缩小，形体都十分的规整舒畅。在规划过程中主张多运用雅黑，大标题用加粗字体，正文用惯例字体。

方正正中黑系列：中黑系列的字体笔画比较锋利而淳厚，一般运用在标题文字中。但这种字体不适用于正文中，由于边际相比照较的杂乱，文字一多会影响用户的阅览。

②与时俱进：方正兰亭系列

方正兰亭系列: 个人最引荐的便是这个系类的字体，整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画明晰简练，这个系类的字体就足以满意排版规划的需求。能够经过对这个系列的不同字体进行组合，不仅能确保字体的一致感，还能很好的区别出文本的层次。

③.刚劲有力，运动型：汉仪菱心简/造字工房力黑/造字工房劲黑

在这几个字体中，他们有着一起的特色，字体十分的有力而扎实。根本都是以直线和斜线为主。合适广告和专题运用。在运用这类字体的时分咱们能够运用字体歪斜的款式，让文字显得更为生机。在这三种字体中，菱心和造字工房力黑在笔画、角落的当地选用了圆和圆角。并且笔画也比较的疏松，更多的有些时髦而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体运用在大图中偏多，作用比较杰出。