悉知科技
首页
    电商团队建设
    • 电商团队组建优化
    • 电商团队招聘
    • SEO站(群)管理系统
    • 电商询盘管理系统
    • 客户案例
    • 知识百科
    品牌营销策划
    • 视频营销
    • 事件营销
    • 公关传播
    • 社会化新媒体营销
    • 客户案例
    • 品牌营销资讯
    网站建设开发
    • 建站服务
    • 建站优势
    • 建站套餐
    • 客户案例
    • 建站资讯
    内贸营销推广
    • PPC竞价服务
    • SEO推广服务
    • 社交化营销推广
    • 客户案例
    • 内贸推广知识
    外贸营销推广
    • 外贸服务
    • 谷歌开户托管
    • 外贸网站建设
    • 客户案例
    • 外贸知识技巧
    商业评估服务
    • 商业数据服务
    • 客户案例
    • 商业数据知识百科
    关于悉知科技
    当前位置:首页 > 网站建设开发 > 建站资讯 >

    设计 | 网页文本字体的设计小技巧

    推荐信息更多 >
    选词技巧:企业做SEM竞价关键词该如
    关于网站备案:企业网站建站必须知道
    百度竞价推广怎么做?新网站竞价推广
    企业网站外链建设:友情链接合作对象
    网站被黑后如何快速恢复?处理被黑检
    营销型网站5要素:营销型网站建设注
    热度排行榜更多 >
    1开展企业新闻营销活动注意事项
    2看过“成人网站”要当心!一旦手机出
    3微信公众号该要怎么包装?从运营方法
    42019年如何给贫困山区捐衣服地址,20
    5捐赠衣物正规官方网站,中国上海红
    6新闻稿投放技巧:把握好时间点传播效

    设计 | 网页文本字体的设计小技巧

    2020-08-31  |   浏览量:  |   标签:网页设计,字体,文本

    设计 | 网页文本字体的设计小技巧
    设计 | 网页文本字体的设计小技巧

      网站站点最基本的功能是呈现信息,让用户使用者可以阅读。字体的展现展示和排版自然也是页面结构网页设计师工作的重要信息内容之一。今天,我们简单列举几个页面结构网页设计领域正在流行的纯文本文字排版设计规划趋势,与你分享。

      2006年,Oliver Reichenstein 撰写了信息文章《页面结构网页设计95%的工作是排版》,这是当年最有争议的信息文章之一。 Reichenstein 在信息文章中这么说道:“页面结构网页设计不仅仅是挑选并使用精美的字体,更多的是关于我们如何在设计规划中使用它们 。”

    1. 大胆的首屏排版设计规划

      超大的、震撼的、直接的、没有戏剧性的首屏文本信息可能是最近几年文本信息最为显著的用法。首屏中常见的超大的image图片被超大的文本信息所取代,这些title标题和主旨主题、公司品牌或者信息紧密关联,通过超大的尺寸呈现出来的视觉结果效果也不遑多让。

      结果效果如你所见,字体排版成为了网页页面中最醒目的存在。例如 CreativeDoc 的首屏中,六个白色的字母在黑色的背景中,以一种醒目方式呈现出来,对比强烈。

      所用字体:Dharma Gothic Heavy

      而这家欧洲的创意设计规划公司企业 Soffl 的网站站点则在网站站点上使用更为浓缩、狭窄的白色字体,搭配彩色动画元素营造出时尚的感觉。

      所用字体:自定义(Souffl Web)

    2. 使用优雅的衬线字体

      传统的衬线字体有着优雅的特点,如今设计规划师越来越多地在网页页面中使用衬线字体来创造典雅优容的氛围。

      通常,设计规划师会将网页页面中最重要的部分,例如title标题或者说明,借助流行的衬线字体突出地呈现出来,就像 Calluna 和 Minion 这样的字体。

      在 Cobble Hill 和 Gin Lane 这两个网页页面背后,设计规划师就在首屏使用衬线字体来迎接用户使用者。

      所用字体:Arno Pro 和 Proxima Nova

      所用字体:Miller Disp, Lt

    3. 直白的纯文本信息

      有花哨多样的视觉化设计规划,自然也有返璞归真追求自然直白的设计规划,在文本信息排版上,也是如此。

      Justin Jackson 的这个名为 Word 的这个网站站点的主要信息内容,是在网页页面上独立呈现文本信息的显示结果效果的:

      所用字体:查看浏览器默认字体

      Jackson 在他的网站站点中写到:“文本信息是最网页页面中最强大的工具”,用文本信息设计规划网页页面本身并不是一件容易的事情,但是做的好了,用户使用者甚至不会意识到image图片的缺失。

      总部设在哥本哈根的设计规划机构 B14 就使用了简单直白的文本信息信息内容填满了主页,用来呈现他们的工作信息内容:

      所用字体:Maison Neue

      一图虽可胜千言,但是文本信息对于信息的控制其实更加准确。

      Joe Coleman 是一位自由撰稿人,他在自己的网站站点上仅使用文本信息来呈现信息内容。这个网站站点的特点是借助交互性元素,以纯文本信息的视觉设计规划和交互来吸引用户使用者。

      所用字体:Work Sans

      Max Kaplun 的作品集网站站点中,同样是使用纯文本信息来构建视觉,不过他借助最简单的字符、字重和色彩变化来装饰。

      所用字体:自定义

    4. 使用等宽字体

      等宽字体的功能性很强,在纯文本文字密集的场合常常会用到等宽字体,例如代码,或者信息文章当中。在现在看来,等宽字体本身有着一种复古的质感,如今在页面结构网页设计领域的流行和粗野主义的回归不无关系。

      Laurent Desserrey 设计规划了一套令人着迷的作品集网站站点,网站站点借助失控的结果效果和等宽字体创造出粗野的视觉结果效果。

      使用字体:Space Mono

      Run Your Mouth 这个网站站点也是同样使用等宽字体来创造粗粝的质感。

      所用字体:Titling Gothic, Space Mono

    5. 使用高亮结果效果来吸引人

      使用高亮结果效果来构建信息内容的层次模版结构也是不错的方式,这有助于用户访客查看浏览、抓住关键的信息。

      Godfrey Dadich 是一个来自旧金山的设计规划机构,由于首页上长篇大论的信息内容,为了让用户使用者抓住重点,使用了荧光绿的高亮标识。

      所用字体:Noe 和 Atlas

      康奈尔大学的网页页面同样使用荧光黄色来高亮关键词keyword,让用户访客注意到关键的文本信息。

      所用字体:Freight Display + Theinhardt

    6. 纵横交错的title标题文本信息

      将title标题或者关键性的文案拆分,在首屏上纵横交错地排布也是近年来比较流行的玩法。这种排版方式不仅让整个部署布局有更多留白,而且形式感更加强。

      例如下面的这个网站站点,它是电影 Take What You Can Carry 的官方网站站点,电影的名字被拆分开单独排版:

      所用字体: DIN + Courier

      而诸如设计规划机构 Elegant Seegulls 的网站站点,甚至使用了垂直滚动这样的实验性结果效果:

      所用字体:Azo Sans + Capitolium 2

      在创意机构 Magic People Voodoo People 的网站站点上,则在四角上使用了水平和垂直的文本信息来昭示它的名称:

    7. 充满实验性的分散文本信息

      将单词本身彻底打散成为单个字母,这种设计规划更为实验性。这种设计规划在视觉上有着独特的样式风格,不过在可读性上相对而言就比较差了,这也是为什么将这种设计规划趋势定义为实验性的,在具体设计规划的时候,应该仔细衡量,再做选择。

      The Impossible Is Inevitable 是一个在莫斯科犹太人博物馆所举办的展览,展览的名字是由浮动的字母所构建而成,在首页上浮动,需要稍微仔细分辨才能明白具体是哪几个单词。

      分散的字母虽然并不是那么容易分辨,但是它们被细线贯穿在一起,有视觉线索,看似脆弱断断续续却始终相连,并且充满了探索感。

      Octoplus Group 是一个通信机构,他们的网站站点首页就是借助这些小巧粗犷的字母来充当导航元素。从公司品牌信息传达和故事性的角度上来看,这种设计规划是非常有趣且有效的。

    转载自:设计 | 网页文本字体的设计小技巧

    网站建设服务

    悉知科技是一个有着12年经验的网站建设开发公司,品牌建站/外贸网站建设/谷歌营销推广/品牌营销策划,这些我们都能帮您搞定!

    在线咨询

    网站建设制作方案是什么 ? 报价多少钱 ?

    获取建站报价
    上一条:设计 | 没灵感?这有7个好用的插画师网站! 下一条:关于插画,别再说你不知道怎么找灵感了!十大设计网站推荐给你!
    【龙海网站建设】龙海网站建设制作公司_龙海在线建网站

    【龙海网站建设】龙海网站建设制作


    【龙海网站制作网站建设】龙海网站制作网站建设设计制作公司企业_龙海在线网站建设网站制作龙海网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务,不懂的网站制作网站建设知识各项协助支持2.站点
    【漯河网站建设】漯河网站建设制作公司_漯河免费建站建网站

    【漯河网站建设】漯河网站建设制作


    【漯河网站制作网站建设】漯河网站制作网站建设设计制作公司企业_漯河无偿网站建设网站建设网站制作漯河网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务,不懂的网站制作网站建设知识各项协助支
    【明港网站建设】明港网站建设制作公司_明港在线做建站

    【明港网站建设】明港网站建设制作


    【明港网站制作网站建设】明港网站制作网站建设设计制作公司企业_明港在线做网站建设明港网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务,不懂的网站制作网站建设知识各项协助支持2.站点网站的
    【南平网站建设】南平网站建设制作平台_南平在线做网站

    【南平网站建设】南平网站建设制作


    【南平网站制作网站建设】南平网站制作网站建设设计制作第三方平台_南平在线做网站站点南平网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务,不懂的网站制作网站建设知识各项协助支持2.站点网站
    【南阳网站建设】南阳网站建设制作平台_南阳在线建网站

    【南阳网站建设】南阳网站建设制作


    【南阳网站制作网站建设】南阳网站制作网站建设设计制作第三方平台_南阳在线网站建设网站制作南阳网站制作网站建设悉知科学技术网站建设推荐1.网站制作网站建设基础服务,不懂的网站制作网站建设知识各项协助支持2.站
    我们已经为 1000+ 客户提供了 网站建设开发 等相关服务 咨询获取报价
    多一份方案参考,总有益处
    获取方案及报价

    获取报价

    在线沟通

    添加微信好友

    18595836063

    成就客户,是我们的荣耀

    联系我们

    关于我们

    悉知科技(世界工厂网)团队成立于2008年,隶属于世邦工业科技集团。经过10年快速、稳健的发展,世界工厂网凭借雄厚的技术实力、专业的产品服务以及强大的资源背景,成功服务了数百万中国制造业企业,是中国电子商务综合服务提供商和线上生态建设服务的先行者。

    提供服务内容

    - 网站建设服务

    - 电商团队服务

    - 内贸营销推广

    - 外贸营销推广

    - 品牌营销建设

    - 商业数据服务

    联系我们

    18595835659

    lili01@gongchang.com

    河南省郑州市高新区科学大道169号

    3388293726

    您也可以咨询我们的在线客服或预约资深顾问

    提交免费电话
    信息保护中请放心填写

    立即获取报价

    信息保护中请放心填写
    获取报价

    免费电话

    在线咨询

    获取报价

    豫网文(2018)2118-024号 | Copyright 2008-2019 xizhi.com All Rights Reserved| 郑公备:41011002000005 | 豫公网安备 41010202002051号