ui的界面设计规范 (ui视觉设计规范)
Android UI规划字体巨细标准?
Android UI规划字体,由于android厂商和设备之多,现在没有特定的标准,但依据设备的尺度,有一个主张的准则,如下:
sp和dp相同,是android开发里特有的单位,规划师在做UI规划的时分一般开端是树立320*480这个尺度的画布开端的,这个尺度的画布在android分辨率的分类中称为mdpi,在这个尺度下,ps里的1px就等于android中的1dp,相同,这个时分1点的字就等于android中1sp.
举个比如:树立画布的尺度是320-480,里边的文字是30点,那么它便是30sp。当然,还要去查一下mdpi、hdpi、xhdpi这几个干流分辨率的换算联系,这样便利你做其他尺度的时分界说sp值。(这3个分辨率的联系是1比1.5比2,具体换算联系你去百度一下咯)。别的,现在市场上大多数的安卓手机分辨率都越来越高了,所以许多规划师都会挑选1280-720这个尺度来规划,换算的时分一切像素值除以2,便是dp值。
UI界面规划标准的常见遗失有哪些
1、文本格局
规划师常过火专心于画图,而忘记了文字也应该有所标准。例如,日期或许的格局有许多,例如“YYYY年MM月DD日”、“YYYY年M月D日”、“YYYY/MM/DD”等等。再比如说单位,是用“巨细:100M”、“巨细:100兆”仍是“巨细(M):100”呢?
这些文本格局界说起来并不花时间,但是假如没有标准的话,或许同一个东西在每个页面的展现方法都不相同,对用户来说也挺烦的。
2、特别状况
做规划和做标准的区别是,做规划时,只要在知道某个东西有某个状况时,才会去规划那个状况;做标准时,一般要假定一切数据和操作都有状况,不同东西在不同当地的同类状况最好能够一致。
一切操作都或许失效,不管是按钮、链接、输入框、下拉菜单……什么状况在失效时显现失效状况,什么时分彻底躲藏该操作,这些都是能够一致考虑规划的东西。
3、多级多选和过量
一个灵敏的界面标准能够应对大部分的内容改变。例如导航和菜单的项目数量和级数一般是不确定的,下拉选框也不一定只能勾选一项内容。更灵敏的状况还有,一篇文章或许长达数十屏,这时该自动识别文章内的标题并生成目录,仍是分页展现?
4、运用攻略
运用攻略是规划过程中一般被拖到最终才想起来的东西,在标准里也常被忽视。其间最重要的是用户初次运用时看到的操作攻略,这种操作攻略或许不只在主页呈现,并且未来或许跟着规划的改变而改变,所以这种初次运用的操作攻略是很有必要做成标准的。
精约 台北海华世界之星住家案
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,一般运用双数字号,奇数的字体在显现的时分会有毛边。
常用的字体
①平平稳稳:微软雅黑/方正中黑
微软雅黑系列:在网页规划中这款字体运用的十分普通,这款只无论是扩大仍是缩小,形体都十分的规整舒畅。在规划过程中主张多运用雅黑,大标题用加粗字体,正文用惯例字体。
方正正中黑系列:中黑系列的字体笔画比较锋利而淳厚,一般运用在标题文字中。但这种字体不适用于正文中,由于边际相对比较的杂乱,文字一多会影响用户的阅览。
②与时俱进:方正兰亭系列
方正兰亭系列: 个人最引荐的便是这个系类的字体,整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画明晰简练,这个系类的字体就足以满意排版规划的需求。能够经过对这个系列的不同字体进行组合,不仅能确保字体的一致感,还能很好的区别出文本的层次。
③.刚劲有力,运动型:汉仪菱心简/造字工房力黑/造字工房劲黑
在这几个字体中,他们有着一起的特色,字体十分的有力而扎实。根本都是以直线和斜线为主。合适广告和专题运用。在运用这类字体的时分咱们能够运用字体歪斜的款式,让文字显得更为生机。在这三种字体中,菱心和造字工房力黑在笔画、角落的当地选用了圆和圆角。并且笔画也比较的疏松,更多的有些时髦而柔美的气氛。而劲黑这款字体相对更为厚重和方正。这类字体运用在大图中偏多,作用比较突出。