2022年网页UI设计 .pdf

《2022年网页UI设计 .pdf》由会员分享，可在线阅读，更多相关《2022年网页UI设计 .pdf（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本文译自一个研究并提供信息架构的网站：Information Architects Japan， 原文：Web design is 95% typography. 网页 UI 设计 95% 是排版看到这个题目，大家的第一感觉可能是“耸人听闻”。不管是95% 或是更多或是更少，排版确实是一个不可忽略的问题。在我所遇到的web 设计师中，还没有发现谁真正在意web排版的。web中的信息有95% 是成文的语言。为何web 设计师应该好好学习一下设计成文信息的主要准则，换句话说，排版？这就是最佳的理由。信息设计就是排版回到 1969 年， Emil Ruder, 一个瑞士著名的排印大师，其笔下关于当时

2、的印刷氛围，简直就是我们今天网站的写照：今天印刷术的泛滥成灾让我们的个人价值被轻视，因为郁闷的我们现在并不能掌控印刷中的一切。 分割、 组织和实现印刷术的一切是排印师应有的任务，只有这样，读者才有更好的机会找出吸引她他的东西。信息设计师是21 世纪的排版师稍微联想一下（请用在线取代印刷），这就像是信息设计师的职务描述。分割、组织和实现印刷术的一切是“ 信息设计师”应有的任务， 只有这样， 读者才有更好的机会找出吸引她他的东西。宏观排版（所有的文本结构）跟微观排版（样式和空间的细节方面）包括我们今天称为“信息设计”的很多方面。也就是说，信息设计师今天正在做排印师30 年前的工作：排版面临一个很直

3、白的职责，这就是传达信息。没有理由能免除排版的这一职责。一个并不能阅读的印刷品只能变成一个无用的产品。优化排版就是优化阅读，亲和力，可用性，综合文本平衡等。组织文本块并结合图片，难道不是图形设计师、可用性专家、 信息架构师应该做的吗？但为什么这是一个被忽视的主题呢？为什么这是一个被忽视的主题？字体太少？分辨率低？反对在线排版准则的一个观点是：能用的字太少了。第二个观点是屏幕分辨率太低，首先就让像素或者反锯齿字体很难阅读。文艺复兴时期：只有一种字体名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - -

4、 - 第 1 页，共 3 页 - - - - - - - - - 认为我们没有足够的字体可用的观点是不切题的：在意大利文艺复兴时期，排印师只有一个字体可用，但这个时期还是产生一些顶级漂亮的排版品：该排印师应该没有太在意他手中手能掌握的字体种类，实际上也不应该太在意字体的选择。他应该更关心时代赋予自己手中所有的，并尽力发挥。选择字样并不是排版第二个观点也并不见得好到哪儿去。在印刷初期， 印出来的字母质量比我们今天在显示器上看到的更差。更重要的是， 如果处理得专业，屏幕字体更易于阅读。信息设计不是关于使用好的字样， 而是关于使用好的排版。两真的区别很大。谁都可以使用字样，有人可以选择好的字样，但只

5、有少数人能够精通排版。把文本当作用户界面对，不同平台和不同浏览器如何处理字体是恼人的，也对， 分辨率问题让超过五分钟的注意力集中很困难。但是， 好啦， 确保文本在所有主要平台和浏览器中赏心悦目是web设计师的职责。正确的行间距，单词和字母间距，留白，一定量颜色的使用有助于可读性。但还不彻底。 一个优秀的web设计师知道如何跟文本而不仅仅是内容打交道，“把文本当作用户界面”。瞧瞧Kohi Vinh 的网站，你大概会明白他的意思。稍微著名把文本当作用户界面的网站例子有：google, ebay, craigslist, youtube, flickr, Digg, repit, delicious

6、. 一个难以争辩的必然，把文本当作用户界面是成功的的唯一参数。成功的网站设法同时创建简单的界面和强烈的特征。但这是另外一个主题了。web 排版为了“破除关于web 排版的某些荒谬想法” ，他已经“按照Bringhurst 的工作原则来构建他的网站，并解答如何通过HTML 和 CSS 中可用的技术来达成各项目标”。优化排版的5 个简单步骤他所谈论的排版“并不是你典型的该用哪种字体的排版”。对于相信让字号和行间距默认大小使得文本能够任意缩放会提高网站可用性的人，这是一个不错的阅读材料。Khoi V inh behaviordesign 的创始人之一。现为NYT 的设计主管。非常天才的一个人。Rod

7、 Graves 通讯设计师。令人赞叹的工作：“排版是我绝对的中心。排版网格和层次通常会成为我开发的视觉语言的基础。”名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 3 页 - - - - - - - - - A List Apart 通过字样通讯。 字体和布局。 为读者设计。 易读性。 字样， 图形设计。 web 排版的问题。控制 web 排版：字号、字体和颜色。CSS 方法，浏览器问题，用户问题和解决方案。Association Typographique Intern

8、ationale ATypl(Association Typographique Internationale) 是一个专注于样式和排版的主要国际组织。创建于1957 年， ATypl 为国际样式社区之间提供通讯的结构，信息和活动。Thinking with Type 书籍 Thinking with Type的在线伙伴：设计师，作家，编辑和学生的关键指南。Typetester 比较屏幕字体样式。Typophile Typophile 是一个会员制和赞助商支持的社区。2000 年以来Typophile 引领开放合作，并且我们总是能学习到好主意。我们他们伺服超过每月3 百万的网页。Typohil

9、e Wiki 一个有关样式和设计所有一切的用户创建百科全书。用户为建立协作，有用， 平衡和相关的资源而创建和编辑条目。The Next Big Thing in Online Type 比尔盖茨要计算机用户，哦，微软用户， 能够拥有一个更舒畅的屏幕阅读体验太重要以至于提高屏幕阅读成为他最重要的五件事之一。Emil Ruder, Typographie (Amazon) Emil Ruders Typography 是一本永恒的书，几代排印师和图形设计师都从中学习基本原理。 Ruder, 二十世纪最伟大的排印师之一，是一个抛弃并用新的规则取代Emil Ruder 传统规则的先锋，来满足新排印技术的需求。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 3 页 - - - - - - - - -