网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。
2006年,Oliver Reichenstein 撰写了文章《网页设计95%的工作是排版》,这是当年最有争议的文章之一。 Reichenstein 在文章中这么说道:“网页设计不仅仅是挑选并使用精美的字体,更多的是关于我们如何在设计中使用它们 。”
超大的、震撼的、直接的、没有戏剧性的首屏文本可能是最近几年文本最为显著的用法。首屏中常见的超大的图片被超大的文本所取代,这些标题和主题、品牌或者信息紧密关联,通过超大的尺寸呈现出来的视觉效果也不遑多让。
效果如你所见,字体排版成为了网页中最醒目的存在。比如 CreativeDoc的首屏中,六个白色的字母在黑色的背景中,以一种醒目方式呈现出来,对比强烈。
所用字体:Dharma Gothic Heavy
而这家欧洲的创意设计企业 Soffl的网站则在网站上使用更为浓缩、狭窄的白色字体,搭配彩色动画元素营造出时尚的感觉。
所用字体:自定义(Souffl Web)
传统的衬线字体有着优雅的特点,如今设计师越来越多地在网页中使用衬线字体来创造典雅优容的氛围。
通常,设计师会将网页中最重要的部分,比如标题或者说明,借助流行的衬线字体突出地呈现出来,就像 Calluna 和 Minion 这样的字体。
在 Cobble Hill和Gin Lane这两个网页背后,设计师就在首屏使用衬线字体来迎接用户。
所用字体:Arno Pro 和 Proxima Nova
所用字体:Miller Disp, Lt
有花哨多样的视觉化设计,自然也有返璞归真追求自然直白的设计,在文本排版上,也是如此。
Justin Jackson的这个名为 Word 的这个网站的主要内容,是在网页上独立呈现文本的显示效果的:
所用字体:浏览器默认字体
Jackson 在他的网站中写到:“文本是最网页中最强大的工具”,用文本设计网页本身并不是一件容易的事情,但是做的好了,用户甚至不会意识到图片的缺失。
总部设在哥本哈根的设计机构 B14 就使用了简单直白的文本内容填满了主页,用来呈现他们的工作内容:
所用字体:Maison Neue
一图虽可胜千言,但是文本对于信息的控制其实更加准确。
Joe Coleman是一位自由撰稿人,他在自己的网站上仅使用文本来呈现内容。这个网站的特点是借助交互性元素,以纯文本的视觉设计和交互来吸引用户。
所用字体:Work Sans
Max Kaplun的作品集网站中,同样是使用纯文本来构建视觉,不过他借助最简单的字符、字重和色彩变化来装饰。
所用字体:自定义
等宽字体的功能性很强,在文字密集的场合常常会用到等宽字体,比如代码,或者文章当中。在现在看来,等宽字体本身有着一种复古的质感,如今在网页设计领域的流行和粗野主义的回归不无关系。
Laurent Desserrey设计了一套令人着迷的作品集网站,网站借助失控的效果和等宽字体创造出粗野的视觉效果。
使用字体:Space Mono
Run Your Mouth这个网站也是同样使用等宽字体来创造粗粝的质感。
所用字体:Titling Gothic, Space Mono
使用高亮效果来构建内容的层次结构也是不错的方式,这有助于访客浏览、抓住关键的信息。
Godfrey Dadich是一个来自旧金山的设计机构,由于首页上长篇大论的内容,为了让用户抓住重点,使用了荧光绿的高亮标识。
所用字体:Noe 和 Atlas
康奈尔大学的网页同样使用荧光黄色来高亮关键词,让访客注意到关键的文本。
所用字体:Freight Display + Theinhardt
将标题或者关键性的文案拆分,在首屏上纵横交错地排布也是近年来比较流行的玩法。这种排版方式不仅让整个布局有更多留白,而且形式感更加强。
比如下面的这个网站,它是电影 Take What You Can Carry的官方网站,电影的名字被拆分开单独排版:
所用字体: DIN + Courier
而诸如设计机构 Elegant Seegulls的网站,甚至使用了垂直滚动这样的实验性效果:
所用字体:Azo Sans + Capitolium 2
在创意机构 Magic People Voodoo People的网站上,则在四角上使用了水平和垂直的文本来昭示它的名称:
将单词本身彻底打散成为单个字母,这种设计更为实验性。这种设计在视觉上有着独特的风格,不过在可读性上相对而言就比较差了,这也是为什么将这种设计趋势定义为实验性的,在具体设计的时候,应该仔细衡量,再做选择。
The Impossible Is Inevitable是一个在莫斯科犹太人博物馆所举办的展览,展览的名字是由浮动的字母所构建而成,在首页上浮动,需要稍微仔细分辨才能明白具体是哪几个单词。
分散的字母虽然并不是那么容易分辨,但是它们被细线贯穿在一起,有视觉线索,看似脆弱断断续续却始终相连,并且充满了探索感。
Octoplus Group是一个通信机构,他们的网站首页就是借助这些小巧粗犷的字母来充当导航元素。从品牌信息传达和故事性的角度上来看,这种设计是非常有趣且有效的。
原文作者 : Webflow Blog
编辑/译者:陈子木
译文地址:https://www.uisdc.com/7-typography-website-trends-2018
本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。
题图来自 Pexels,基于 CC0 协议
近日,国际学术期刊Trends in Genetics在线发表了中国科学院北京生命科学研究院计算基因组学实验室赵方庆研究员的“Computationalstrategies for exploring circular RNAs”的综述文章。该论文全面阐述了环形RNA研究和数据挖掘中诸多方法,探讨了相关方法在非编码RNA数据挖掘中的适用条件与优劣评估,并指出未来环形RNA数据挖掘的发展趋势与挑战。
环形RNA是近年来获得广泛关注的一类结构呈闭合环形的RNA分子,并入选Clarivate Analytics 2017年度热点前沿领域。环形RNA的基因来源、内部组成、细胞定位、生成机制与生物功能均较为多样,通过高通量测序数据的挖掘对其深入研究成为该领域的必经途径。依据参考基因组的使用策略,现有的识别算法可划分为基于分段比对(split-alignment based)和基于伪参考序列构建(pseudo-reference based)两大类。由于所借助比对算法类型的不同,各识别算法又分别针对剪切型(splice-aware)和全能型(versatile)比对算法进行优化。此外,在向后剪接读段(back-spliced junction read)的检测和配对末端比对信息的筛选上,这些识别算法采用的策略也不尽相同。以上关键步骤极大影响了识别算法在不同转录组测序数据上的表现,目前现有的十余种环形RNA识别算法在敏感度、可靠性和适用范围上均有显著差别。
在环形RNA数据的挖掘算法上,赵方庆团队有多篇研究成果发表在Nature Communications,GenomeBiology和Briefings in Bioinformatics等国际知名学术期刊上,其中环形RNA的识别算法(CIRI)两年多来的引用次数已超过120次。论文第一作者高远在攻读博士期间获得中科院院长优秀奖(2017)和中国科学院优秀博士论文(2017),现在美国University of Pennsylvania的Perelman School of Medicine进行博士后研究工作。上述研究获得了国家自然科学基金委重大研究计划项目、优秀青年基金项目和中国科学院的经费资助。
中国生物技术网诚邀生物领域科学家在我们的平台上,发表和介绍国内外原创的科研成果。
注:国内为原创研究成果或评论、综述,国际为在线发表一个月内的最新成果或综述,字数500字以上 ,并请提供至少一张图片。投稿者,请将文章发送至weixin@im.ac.cn 。
本公众号由中国科学院微生物研究所信息中心承办
微信公众号:中国生物技术网回复关键词 “ 热点 ”可阅读热点专题文章,包括“施一公”、“肠道菌群”、“肿瘤”、“免疫”和“健康”
近期热文TOP15(统计周期:2017.2.1-2017.12.20)
直接点击文字 即可浏览!
相关问答
[回答]heframegirderasthelargestandveryimportantpartsinheavycard.Truckchassisrivetingproces...
要练英文发音,你要知道的几个事实。有一口漂亮的英文发音,是很多人学英文都想要的~梦寐以求的。要知道一个事实,就是你绝对可以学好这个外语,但是你能不能...