界面设计文字使用规则!
在不同的终端平台,界面设计对于字体的要求是不同的。在移动平台,常用的字体比较固定,而在PC端就没有绝对的固定要求,但却有设计师们经常会选用的几个字体。
1.移动端的常用字体
(1)ios
英文字体:Helvetica、Aral
中文字体:华文黑体或冬青黑体(冬青黑体被很多设计师认为是效果最好的字体)。
(2) Android
英文字体:Roboto
中文字体:Noto
2.移动端的常用字号
(1)导航标题字号
导航标题字号通常为400p×-42px,偏小的40p×字号,常显得更为精致。
(2)正文字号
大的正文字号通常为320p×,副文则通常是260p×,最小的文字信息则通常是20。需要注意的是,在正文字号的使用中根据不同类型的App会有所区别。如新闻等文字阅读类的APP更注重文本的阅读便捷性,因此经常会为正文选用36p×的字号。
而列表形式、工具化的APP则普遍是正文32p,副文案260p×,最小文字20p×。此外,为了能拉开按钮的层次、加强主要按钮的引导性,360p×的字号还经常被运用在页面的大按钮。
3)选择偶数字号
一般情况下,在选用字体大小的时候通常都要选择偶数的字号。因为在开发界面的时候,字号大小换算是要除以二的。
3.Pc端界面的常用字体
英文字体:Ana
中文字体:微软雅黑、方正中黑、方正兰亭系列。
4.PC端界面的常用字号
在PC端,正文通常会使用的字号是120p×或14px(无状态)。其他内容的字号往往根据具体项目的需要而定。与移动端相同的是,一般也需要使用偶数字号,单数字号的文字在显示的时候通常会有毛边。
5.常用的字体颜色
在界面中的文字一般分为3个层级:主文、副文、提示文案。在白色的背景下,字体的颜色层次通常分别是黑、深灰、灰色。
APP界面设计怎样提升用户体验?
1.知道目标用户的动机或者需求
产品能够满足某些人的某类需要,能够为他们创造自己产品所倡导的价值,
这是头等重要的用户体验,没有这一点一切产品形态的东西都会是空谈。
我曾经的文章:用户动机是“以用户为中心”的方法论
2.确保移动产品信息结构清晰
产品总共有多少个主体要素,这些要素以何种方式组织起来最为轻巧简练,
让用户只通过简单的使用就能形成一些基本结构化的印象,
知道它是怎么回事儿了,知道什么东西可能应该在哪儿了。
3.流畅的用户操作流程
这是交互设计中的重中之重,如何让用户的操作流程在上边信息结构简练的基础上,
让用户的每一条指令,每一步操作,都基本符合他的预期,
以更自然、流畅的方式完成了他所要操作的任务,中间尽可能让用户少犯错误。
我曾经的一篇文章,提到了交互过程的三要素:
学会三点,即可打造良好的交互设计效果
4.保证产品的可靠性、稳定性
在用户已经熟悉、依赖上一个产品以后,
没有什么比可靠性、稳定性的问题更令人感到憎恶了。
这也不难理解为什么iPhone4的天线问题会有如此大的关注。
5.合理的页面布局,合理内容的主次位置
产品的每一个页面有它存在的意思,那是因为它肯定要完成一个它必须能完成的任务。
这个必须能完成的任务,是不是放在了页面的主体首要位置是这个页面体验好坏的关键。
有的设计总想拐着弯的抢占它的主体位置,你这就是在挑战用户的忍耐程度。
我曾经的一篇文章:交互设计的主与次
6.推荐内容的相关性程度精准度,增加用户黏性
页面布局除了保证主体内容的主体位置以外,
相对次要的侧栏位置也是好好利用的设计空间所在。
如何通过机器或人为参与,提高侧栏内容的相关性程度,
能给用户带来意外性的体验提升。
诸如那些“看过此书的人还看过…”等等。
7. 统一界面的配色、风格、字号、间距等。
如果你设计的产品不是在创作一副油画或者某些产品的形象工程,
如果你设计的产品是确定直接给用户操作使用,
那么,那些无关的UI修饰则是能抽象的抽象能淡化的淡化。
只要尽可能保持设计使用上的一致性以及坚持下去这种一致性就可以了(别反复换)。
世界一流公司的产品,Microsoft、Google、Apple等等,无一不是如此。
如果上边第1条用户动机你抓准了,用户不会因为你的配色,你能否换肤而弃用你的产品的。
那些优秀的平面设计师、手绘插图设计师,在互联网产品上发挥视觉设计的余地真的不是很大。
曾经的文章:淡化UI、部分还原精实感的设计
8. 合适的客服出现位置与咨询按钮
机器能够让用户自主完成的事情总是有限的人,但对于用户来说总有例外,
就是那些用户无法自主完成或产品暂时无法很好满足的服务,机器做不好的,要靠人来补上。
就像如果你到一个大卖场里去买东西,尽管店里的物品摆放已经经过非常合理的布置了,
但是你赶时间,你依然希望第一时间买完东西就走,
这时候你最可信赖的就是直接问店里的店员了。所以,在产品交互体验设计当中,合理的布局在线客服出现位置与咨询按钮非常的重要。
大部分的产品的咨询量由此产生。
途傲科技为中小企业提供网站制作、网站建设、微信H5、微信小程序,多商户平台,多级分销系统,APP开发,手机网站,HTML5多端自适应网站,营销型企业站建设,及对技术人才的培养等都积累与沉淀了丰富的心得和实战经验。
如果您有想法,可以将需求提交给我们【免费提交需求,获取解决方案】
免责声明:文章部分内容收集于互联网,不代表本站的观点和立场,如有侵权请联系删除。