信息在设计中起着至关重要的作用，不管你是从事网站设计、移动app设计、还是可穿戴ui设计，你的作品必须能够清楚地传达出设计的意图和目的。由于文字在沟通目标的过程中起着重大的提升作用，所以需要对字体排版设计有着深刻的理解。当然，UI设计不等同于设计一个电子书或博客主题。但以字体为中心的设计原则仍然适用，毕竟，屏幕上的信息是通过文字进行传达，而UI的语言就是字体。
Oliver Reichenstein在他的开创性的论文中指出：“网页设计95%都是排版”：
优化排版就是优化可读性，可访问性，可用性（！），以及整体图形平衡。
换句话说：优化排版也就是优化了你的用户界面。这里有4种技巧可以做到，加上3个视字体排版设计为最重要的产品案例分析。
ui排版设计的4个技巧
字体排版设计大师Robert Bringhurs打开他的巨著《The Elements of Typographic Style》（茂趣注：据说这是一本有关文字设计方面最好的书），里面有这么一句话：
字体排版在于优化内容（Typography exists to honor content）
每一个界面基本都包括一系列的用户选项，字体应该能够支持决策流程，应以不增加用户的认知负担的方式传递内容。好的字体应该是吸引读者阅读内容，而不是关注字体本身。
1选择一种不同大小均适用的字体
大多数用户界面需要不同尺寸的文本元素(按钮复制、字段标签、节标题等等)，选择一种能够以不同尺寸展示也能很好保持内容的可读性与可用性的字体。
比如：Avenir, Univers, Lato
Avenir的应用
2选择容易识别的字体字体
很多字体很容易混淆相似的字形，比如大写的“I”和小写字母L很相似；小写字母R和N写在一起可以很容易地成为一个小写字母m。。。所以需要通过选择容易区分的字体让用户不易混淆这些。
比如：Clear Sans vs. Lato (观察下面的大些I和小写的L)
3将文本视为UI
Cameron Moll近十年一直传递这个观点，他认为好的设计师会把文本视为内容，而伟大的设计师会将其视为UI。
尽管人们对此观点不一，但在界面设计中这种看法是正确的。因为当文本元素代表一个功能，那么它就是UI，所有UI设计在实践中应与字体相匹配。如果你不相信，想象一下在你进入一个标有“推”的拉手的门时所遇到的困惑。
4仔细考虑这项工作的完成
如果你不熟悉JTBD，这是一个侧重于用户体验设计的框架。 询问下自己能够帮助用户解决什么问题，这个问题的答案有可能决定你的UI设计决策，包括字体。
Instapaper的设计师们在字体与内容相匹配方面的工作做的非常出色，Instapaper的网页和app具有两个功能：
1)让人们将网页内容保存供以后使用
2)为用户提供一个阅读的地方
因为UI中大部分都是基于文本的，并且专注于阅读，所以Instapaper的设计师们选择两种截然不同的方式：文本内容采用serifed Lyon，并且在内容上有着一定的重点，而在UI中采用JAF Bernino Sans， 这将在阅读内容与已经完成的内容上创建一个明确区分。
这些字体选择在用户的期望中可以产生难以置信的效果，从成千上万的书籍、杂志和报纸中，我们逐渐习惯通过衬线字体阅读和消耗长文内容。随着网络的出现，最近的无衬线字体风格才真正走进人们视线中，使其自然的成为UI元素。
Learn from the pros
值得庆幸的是，在设计一个优美又可用性强的UI时并不缺少类似的灵感与指导。
以下是我最喜欢的3种设计：
Medium
Medium充分地体现了”文本就是UI的概念。“作为阅读和写作的平台(所有的长文本)，Medium视字体设计为最高优先级。 其他写作平台和CMSes（内容管理系统）也会也效仿它。
网站发布的内容(设置为Freight Text Pro 与 JAF Bernino Sans字体)平华且容易阅读，让人充满了思考与联想。另外，写作过程应与最终出版的格式一致，所以没有必要去切换。
在功能部分则设置为Bernino字体，内容与标题一致，但是在用户界面应用中很小尺寸也能很容易区分出应得到的东西。
Slack
在这个例子中，文本仍然是内容的主要形式。作为一个团队的沟通平台，Slack对于交互和内容要素在很大程度上依赖文本。就像缓冲区，它坚持用一种单一的字体(Lato)，却能让它充分利用。
在Slack，通过对框、重量、颜色以及留白空间的综合考量，设计师在Slack创造了一个易于浏览和充满阅读乐趣的平台。
Rdio
作为一个音乐应用，Rdio在文本上使用的很少。但即使在这里，我们仍可看到它将字体当作UI的一部分，并使用不同大小和粗细的字体(Whitney字体)。
附：Lato与Whitney字体的大写字母“I”和小写的“L”上有着相似的问题，一定要审查好这些字体的字符集，并审视和评估这将对你的产品会带来多少影响。
在你的UI设计中设定好字体
不管你项目的目的是什么，字体在你的UI设计中发挥至着关重要的作用。字体设定好了，它会增强用户的体验，否则，它会影响用户体验。但是有了这些指导方针并做大量的练习，你会为你的字体、你的用户做出更好的选择。
结语：每个字体都有各自的性格，代表着一种不同的意义，大家一定要区分好字体，了解好字体，并利用好字体大小、间距、行距等小细节，做出好的排版，才能产生好的阅读体验。
今天是西方的感恩节，茂趣创意祝贺大家感恩节快乐，感恩有你的关注与支持，希望这篇文章能够让你有所收货~
文丨Chris Bowler
译丨茂趣创意/茂哥
转载请注明来自茂趣创意，并在后台留言
丨欢迎分享、转发、点攒丨
温馨提示
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请后台提交工单处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请后台提交工单！
【免责声明】：
本站所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。
【关于转载】：
本站尊重互联网版权体系，本站部分图片、文章大部分转载于互联网、所有内容不代表本站观点、不对文章中的任何观点负责、转载的目的只用于给网民提供信息阅读，无任何商业用途，所有内容版权归原作者所有
如本站（文章、内容、图片、视频）任何资料有侵权，先说声抱歉；麻烦您请联系请后台提交工单，我们会立即删除、维护您的权益。非常感谢您的理解。
【附】:
二○○二年一月一日《计算机软件保护条例》第十七条规定：为了学习和研究软件内含的设计思想和原理，通过安装、显示、传输或者存储软件等方式使用软件的，可以不经软件著作权人许可，不向其支付报酬！鉴于此，也希望大家按此说明研究软件！
注：本站资源来自网络转载，版权归原作者和公司所有，如果有侵犯到您的权益，请第一时间联系我们处理！
-----------------------------------------------------------------------------------------------------------
【版权声明】：
一、本站致力于为源码爱好者提供国内外软件开发技术和软件共享，着力为用户提供优资资源。
二、本站提供的源码下载文件为网络共享资源，请于下载后的24小时内删除。如需体验更多乐趣，还请支持正版。
三、如有内容侵犯您的版权或其他利益的，请编辑邮件并加以说明发送到站长邮箱。站长会进行审查之后，情况属实的会在三个工作日内为您删除。
-----------------------------------------------------------------------------------------------------------
源码村资源网 » app编排设计(app排版设计软件)
1 评论