童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

网页设计:7种文字排版设计趋势,2018年正在流行

2月22日 斩情道投稿
  网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。
  2006年,OliverReichenstein撰写了文章《网页设计95的工作是排版》,这是当年最有争议的文章之一。Reichenstein在文章中这么说道:“网页设计不仅仅是挑选并使用精美的字体,更多的是关于我们如何在设计中使用它们。”
  1。大胆的首屏排版设计
  超大的、震撼的、直接的、没有戏剧性的首屏文本可能是最近几年文本最为显著的用法。首屏中常见的超大的图片被超大的文本所取代,这些标题和主题、品牌或者信息紧密关联,通过超大的尺寸呈现出来的视觉效果也不遑多让。
  效果如你所见,字体排版成为了网页中最醒目的存在。比如CreativeD的首屏中,六个白色的字母在黑色的背景中,以一种醒目方式呈现出来,对比强烈。
  所用字体:DharmaGothicHeavy
  而这家欧洲的创意设计企业S的网站则在网站上使用更为浓缩、狭窄的白色字体,搭配彩色动画元素营造出时尚的感觉。
  所用字体:自定义(SoufflWeb)
  2。使用优雅的衬线字体
  传统的衬线字体有着优雅的特点,如今设计师越来越多地在网页中使用衬线字体来创造典雅优容的氛围。
  通常,设计师会将网页中最重要的部分,比如标题或者说明,借助流行的衬线字体突出地呈现出来,就像Calluna和Minion这样的字体。
  在CobbleH和GinL这两个网页背后,设计师就在首屏使用衬线字体来迎接用户。
  所用字体:ArnoP和ProximaNova
  所用字体:MillerDisp,Lt
  3。直白的纯文本
  有花哨多样的视觉化设计,自然也有返璞归真追求自然直白的设计,在文本排版上,也是如此。
  JustinJ的这个名为Word的这个网站的主要内容,是在网页上独立呈现文本的显示效果的:
  所用字体:浏览器默认字体
  Jackson在他的网站中写到:“文本是最网页中最强大的工具”,用文本设计网页本身并不是一件容易的事情,但是做的好了,用户甚至不会意识到图片的缺失。
  总部设在哥本哈根的设计机构B14就使用了简单直白的文本内容填满了主页,用来呈现他们的工作内容:
  所用字体:MaisonNeue
  一图虽可胜千言,但是文本对于信息的控制其实更加准确。
  JoeC是一位自由撰稿人,他在自己的网站上仅使用文本来呈现内容。这个网站的特点是借助交互性元素,以纯文本的视觉设计和交互来吸引用户。
  所用字体:WorkSans
  MaxK的作品集网站中,同样是使用纯文本来构建视觉,不过他借助最简单的字符、字重和色彩变化来装饰。
  所用字体:自定义
  4。使用等宽字体
  等宽字体的功能性很强,在文字密集的场合常常会用到等宽字体,比如代码,或者文章当中。在现在看来,等宽字体本身有着一种复古的质感,如今在网页设计领域的流行和粗野主义的回归不无关系。
  LaurentD设计了一套令人着迷的作品集网站,网站借助失控的效果和等宽字体创造出粗野的视觉效果。
  使用字体:SpaceMono
  RunYourM这个网站也是同样使用等宽字体来创造粗粝的质感。
  所用字体:TitlingGothic,SpaceMono
  5。使用高亮效果来吸引人
  使用高亮效果来构建内容的层次结构也是不错的方式,这有助于访客浏览、抓住关键的信息。
  GodfreyD是一个来自旧金山的设计机构,由于首页上长篇大论的内容,为了让用户抓住重点,使用了荧光绿的高亮标识。
  所用字体:Noe和Atlas
  康奈尔大学的网页同样使用荧光黄色来高亮关键词,让访客注意到关键的文本。
  所用字体:FreightDTheinhardt
  6。纵横交错的标题文本
  将标题或者关键性的文案拆分,在首屏上纵横交错地排布也是近年来比较流行的玩法。这种排版方式不仅让整个布局有更多留白,而且形式感更加强。
  比如下面的这个网站,它是电影TakeWhatYouCanC的官方网站,电影的名字被拆分开单独排版:
  所用字体:DINCourier
  而诸如设计机构ElegantS的网站,甚至使用了垂直滚动这样的实验性效果:
  所用字体:AzoSansCapitolium2
  在创意机构MagicPeopleVoodooP的网站上,则在四角上使用了水平和垂直的文本来昭示它的名称:
  7。充满实验性的分散文本
  将单词本身彻底打散成为单个字母,这种设计更为实验性。这种设计在视觉上有着独特的风格,不过在可读性上相对而言就比较差了,这也是为什么将这种设计趋势定义为实验性的,在具体设计的时候,应该仔细衡量,再做选择。
  TheImpossibleIsI是一个在莫斯科犹太人博物馆所举办的展览,展览的名字是由浮动的字母所构建而成,在首页上浮动,需要稍微仔细分辨才能明白具体是哪几个单词。
  分散的字母虽然并不是那么容易分辨,但是它们被细线贯穿在一起,有视觉线索,看似脆弱断断续续却始终相连,并且充满了探索感。
  OctoplusG是一个通信机构,他们的网站首页就是借助这些小巧粗犷的字母来充当导航元素。从品牌信息传达和故事性的角度上来看,这种设计是非常有趣且有效的。
  
  原文作者:WebflowBlog
投诉 评论 转载

语音交互设计(一):VUI发展及特征当语音交互、智能匹配以及个性化推荐成为新一代用户主流的交互方式时,现在以一个个独立的APP构筑的服务会面临巨大冲击。随着移动智能终端和云计算的快速发展,人工智能的浪潮正在……谷歌所说的“整体网页设计”到底是什么概念?一切都是关联的,更全面的思考将会带来更成熟的产品。Google所提出的整体网页设计最近被越来越多地提起。对于设计师和开发者而言,它所涉及到的内容并没有表面上看起来那么粗犷……移动交互设计:提示语总结交互设计工作中,难免会遇到提示语如何编写的问题,根据实际操作经验归纳总结如下,提供大家参考。一、提示语规范各类提示语可根据实际情况进行适当调整,在实际产品设计过程中……对新版淘宝的设计思考本文作者在分析淘宝改版的基础上,通过几个关键页面的分析对比淘宝、京东、苏宁易购三大综合类电商平台的产品设计,enjoy电商类App是日常使用频次非常高的应用,它们的每一次……五步打造APP节日主题设计:以Lofter新年图标设计为例我们需要做有依据、有逻辑、有理念的设计,需要发散思维、整合创意、严谨输出,让设计经得起推敲。2018年春节已远去,一直想把lofter新年logo设计思路分享给大家,直到……一个全新的UI设计实战:帮你改善睡眠的APP,是这样设计出来本文将在此分享一个全新的UI设计实战:帮助用户更好睡眠的应用Slumber的UI设计的过程。enjoy现代人对于健康越来越重视,而移动端APP在这方面为用户提供了多种多样……设计沉思录如何高效完成表单输入?针对复杂表单信息多,填写慢、体验差等问题,我们以58简历发布与赶集房产发布为例,从六方面进行用户体验的全面升级。表单是收集用户信息的方式。如果你的产品需要收集大量用户信息……从交互角度分析:为什么我沉迷抖音,却不想刷微视?本文作者仅从交互角度来看下抖音和微视的不同,一起来看看最近已经是个抖友了!每天抖音中毒停不下来。因为微视是腾讯力推的产品,出于好奇也下载了。作为交互设计师,我抱着一……腾讯微云为空页设计:体验创新设计3大纬度剖析为空页,简单理解就是当前页面内容为空白,分别会在初次使用、完成或清空内容、出错的情况下出现。本文将简要阐述关于腾讯微云6。1版本所更新的为空页(内容为空)设计背后的故事,以及探……网页设计:7种文字排版设计趋势,2018年正在流行网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。……3种权限模型,快速定位设计目标在互联网产品中,海量用户的背后,产品所服务的用户角色往往并不是单一的。在交互设计日常的实际项目中,经常会遇到由于用户角色差异而产生的多权限模型设计。所谓多用户角色模型……好的搜索体验,就是好的用户体验即使是如输入框尺寸的微小变化,或是改变搜索框内展示的关键词引导,都能提升搜索功能的可用性进而影响整个产品的体验。一。前言搜索就像是用户与app或者网站之间的对话:用……
看一个武侠故事,明白权限的那些事儿轻教育知识服务行业的破局之路OTA实战分解(1):快速阅读API及场景应用海外销售业务流程分析:产品关于数据埋点,你需要了解这些基本知识关于弹窗四大控件的3个问题订单履约:商品配送时效如何展示?弹窗设计的基本样式和10大应用场景类图是怎样炼成的?iOS13,暗黑模式不是所有产品都适合如何从0到1打造一款AI产品?掌握四个交互方式,提升用户体验

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界