ui界面设计的标准 (苹果5界面设计标准)

UI规划师的作业责任是什么？
在日常作业中，UI规划师一般要做的工作还挺多的(手机端UI和网页UI大多数状况由同一人完结，大公司分工比较细，会分隔)
界面规划并标示尺度(手机端或是网页渠道或软件)
图片导出给程序员(手机端)
发动图标规划
提交到各大渠道的推行图(活许多，各种尺度，反正屏)
产品的网页规划
展会海报，易拉宝，等平面
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，一般运用双数字号，奇数的字体在显现的时分会有毛边。

常用的字体

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

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

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

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

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

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

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

Plasticamente Pavilion by Riccardo Giovanetti | Dezeen

UI规划需求哪些才能
一、图形界面规划（GUI）：
1、UID预科：网络数字化生存、项目办理标准、思想导图、辅佐软件、职场精英；
2、GUI软件根底：Photoshop、Illustrator、CorelDraw、Indesign ；
3、商业规划流程及标准：企业形象识别体系建造流程、平面规划与后期印刷；
4、阶段实训：产品展现规划、企业形象识别体系规划。
二、传统美术（AUI）：
1、美术根底：素描的来源与绘画的效果、绘画线条操练、绘画构图；
2、素描速写：几何体、静物、规划素描；
3、颜色原理：颜色根底、颜色与视觉、颜色调配、颜色与规划、绘画与构思；
4、阶段实训：手绘图标。
三、Web界面规划（WUI）：
1、WEB界面规划软件根底：Fireworks、Dreamweaver、Flash；
2、WEB界面规划：WEB界面规划、PC客户端软件界面规划；
3、WEB标准化布局： HTML/HTML5言语、CSS款式表、布局技巧与浏览器兼容；
4、阶段实训：中小型企业网站项目、电子商务网站项目、PC客户端软件界面规划。
四、移动设备界面规划（MUI）：
1、图标规划：剪影图标、2D五颜六色图标、3D五颜六色图标、写实图标；
2、交互规划：交互原型图软件Axure RP、苹果iOS体系使用规划标准谷歌Android体系使用规划标准 ；
3、界面规划：iPhone使用交互界面规划实例、iPad使用交互界面规划实例、Android使用交互界面规划实例、Windows Phone使用交互界面规划实例；
4、阶段实训：图标规划、交际类APP界面规划、东西类APP界面规划（含交互原型图）、企业型产品项目。