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

界面好看,字体当然不能拖后腿

12月12日 断龙塔投稿
  字体作为设计中重要的模块,却很少被提及,大部分设计师遵循常规地进行字体的选择。实际上,如果设计的字体出彩,那么对设计而言将是锦上添花。
  一、字体的价值
  在界面设计中,字体应该是最被忽略的一个点,我们有图标规范,设计规范,表单,颜色规范等等,但是对于字体规范少之又少。
  除了规范苹果和安卓设计默认那些字体,关于字体的研究少之又少,很多人会说UI中用的字体就那么几个,我们又不是做运营活动和营销,不需要了解那么多字体。其实不是,今天和大家分享下UI中的字体。
  网易考拉品牌升级明确规定中英文字体运用
  字体在设计中重要程度越来越高,文字不仅是阅读形式一种,不同的字体不仅能影响排版,同时也能反应出产品的性格。越来越多的品牌把字体设计融于品牌DNA中,上图是在网易考拉改版设计中,针对中英文字体和整体品牌的融合。
  韩国知名电商11街的视觉升级中,对于中英文字体,有着明确的规范
  UBER的设计规范中,也对字体有着明确的要求,英文字体,印刷字体,以及详细使用规则
  越来越多的公司慢慢对字体在设计中运用进行规范,今天我们一起来聊聊界面设计中如何去定义我们的字体,以及UI中字体的一些运用规则。
  二、字体的情感
  字体是影响品牌的很关键词元素,如果了解色彩心理学的同学,应该知道不同的颜色其实有对应的色彩情感,那么同样的不同字形,笔画等等都也是有品牌情感的。
  比如我们常用的西文常见字体之一,Helvetica作为一种无衬线字体,整体字体笔画安全,专业,严谨广泛适用于各种场合,尤其受品牌商标的偏爱,包括3M,宝马,雀巢,曾经的苹果等等。另外,该字体很受政府青睐,美国税单上用的字体就是Helvetica。
  图源:https:www。behance。netgallery41054815TypographyGoogleFontsCombinationsVolume2
  Roboto是为Android操作系统设计的一个无衬线字体家族,该字型特点为“现代的、平易近人”也一直是安卓系统默认英文字体。
  《机械姬》这个电影大家应该很熟悉,作者使用几何版型衬线字体,整体呈现科技感。
  《钢铁侠》电影中,整套设计来源Territorystudio团队设计的虚拟界面。里面一整套虚拟界面,包括图形,字体等,整体风格高度一致,整体字体呈现未来和科技感。
  所以一套字体一定是和整个品牌DNA是相延续的,它们之间有整体品牌调性,而不是单独存在,就像我们的内衣,看不见但是很重要,字体也是如此。
  三、中文字体
  iOS和安卓都有官方推荐默认字体,见上图,但是很多时候我们的品牌,整体设计语言都有自己独特个性化,所以有时候也需要去重新制定一套新的字体,那么对于这些字体,我们要如何去选择呢?
  在选择字体时候,一定要根据整体品牌调性去选择最合适的字体,下面是一些界面中常用的中文字体,而且版权也比较容易买到。
  华文黑体视觉感受:字形方正,笔画较粗,整体给人易识别,可读性高。
  思源黑体视觉感受:由adobe和Google联合推出的开源字体。字体家族庞大,涵盖了中日韩用字。由日本设计师主导,与小冢黑体风格上一脉相承,字体坚固稳定,字符空间均匀,整体给人专业,硬朗感受。
  微软黑体视觉感受:是方正第一代屏显字体,也开创了中文屏显字体设计先河,字形略呈扁方而饱满,笔画简洁而舒展,易于阅读,视觉感受清新和优美。
  冬青黑体视觉感受:字的结构是日本的印刷字设计与中国用字习惯有诸多不一致的地方,尽管冬青黑体简体针对中国大陆而设计,却保留了原设计的风格,这反倒让字体显得别具风味,有个性,锤子系统貌似运用的此款字体。
  黑体简视觉感受:黑体字是现代汉字体系中最重要的字体之一,特点:非常突出,方正、粗犷、朴素、简洁、无装饰、横竖笔形粗细视觉相等、笔形方头方尾、黑白均匀,因此非常醒目,运用广泛。
  苹方简视觉感受:苹方是苹果新一代主题字,整体字体特点:专业,便捷,排版严谨,比较容易识别,是苹果官方中文字体,也是大多数app首选字体。
  方正兰亭黑感受:方正兰亭黑系列是微软雅黑的延续设计,字面略为缩小,字重梯度多,获得了更广泛的适用性,其中用在品牌营销中很多。它的特点:灵活多变,个性化营销字体,排版严谨,识别性高,比如天猫淘宝很多营销banner规范都是运用的兰亭黑。
  关于字重
  字重:字体中很重要一个概念,不同字重传递出来视觉感受完全不一样。
  轻字重:传递出轻盈,放松视觉感受,常配合粗的字重使用,在一些引导页面,阅读页面,说明文案时候使用。
  重字重:视觉感受庄重,严谨,很重要,常用在重点强调的文字,数字,引导行动操作点上,或者页面中大的标题,banner主标题等等。
  四、英文字体
  英文字体相对中文来说,字体包更小,所以选择性更大一些,今天主要推荐一些谷歌免费开源字体,谷歌字体真的非常棒,搭配好了,能带来很多不一样视觉效果。
  1。PlayfairDisplay
  受很多设计师喜欢的衬线字体,整体搭配出来杂志感,大牌感特别强,在很多高品质的产品页面,或者H5页面中有应用到。
  界面来源于网络
  这个字体在我喜欢的字体中排前10,常常和一些非衬线字体搭配起来,用作大标题或者主题,非常优雅并具有艺术杂志美感。
  界面来源于网络
  该字体在UI设计中也是广受热爱,在一些PC页面,或者阅读类产品中,配合优美的排版,整体非常现代。
  2。NunitoSans
  英文界面常用的字体,国外设计师用的比较多,字形很现代、干净,字母之间添加一些字间距,看起来更加干净。
  界面来源于网络
  NunitoSans无论在平面设计中,或者UI设计中都非常干净、现代,有利于阅读。所以在做设计时候非常喜欢用,有个小窍门,在做英文时候,字母之间加一个字间距,可以让设计看起来更舒服。
  3。Montserrat
  这种字体很独特,不像NunitoSans那样干净。但每个字母上的一个小装饰,使得UI看起来非常有吸引力。
  界面来源于网络
  可以看出Montserrat字体深受一些大厂喜爱,无论是大小写组合,还是正文阅读,都很独特。
  在UI界面中也是如此,让整体设计更加独一无二,充满着细节。
  4。Roboto
  谷歌产品界面默认字体,PC和线上默认字体,可见在谷歌的重视程度。如果你做一个英文页面,不知道选什么字体,那么选择这个是最安全的。
  界面来源于网络
  这个字体通用性很强,字重也很丰富,无论是粗体还是细体,用在各类产品网站和移动界面中都非常简洁优雅。
  5。OpenSans
  OpenSans是一种无衬线字体,移动设计中也是运用比较多的一个字体,比较现代,具有简洁的视觉感受。
  运用在网站中很干净,几乎没有多余的笔画正式,字重对比强烈。
  它配合其他字体运用,都很OK,几乎百搭,在国外很多经典的官方网站都有运用到。
  6。PTSans
  1998年发布,基于俄罗斯的无衬线字体,一般常用于杂志,美食产品。
  PTSans在美食页面中的运用,和食物本身也融合地很好。
  PTSans在杂志排版中运用也同样很和谐。
  7。FuturaPT
  FuturaPT是一种无衬线字体,也是深受设计师喜欢的一款字体,整体视觉感受现代时尚,我们一起来看看它的视觉魅力。
  作为大标题的运用,简单清晰干净
  作为设计公司网站的运用,配上网格的布局,非常时尚
  宝马御用字体之一,用在宝马官方APP和网站上,可见尊贵感
  时尚杂志的官网运用,干净简洁
  英文系列字体还有很多,后续有机会再和大家推荐,今天推荐的这些英文字体在界面中完全可以用到,并且很容易下载,都在fonts。google。com网站中。
  五、最后
  正如前面开头所说,字体是设计中体现品牌很重要一点,字体选择非常重要,字体也是设计中最大量的内容,所以我们一定要掌握起来,下一篇我将会围绕数字字体运用分享给大家,下周见。
投诉 评论 转载

数据中台实战(五):自助分析平台(产品设计篇)本文笔者详细介绍了开发自助分析平台的重要性、自助分析平台的具体方案和选型,一起来看看吧。一、为什么要开发自助分析平台上一篇文章讲到《数据中台实战入门篇:数据中台对内……B端产品的交互设计流程探索:乐高设计法和用户体验的二次提升面对突如其来的B端体验设计的挑战,设计师该如何应对?或者说设计师的思路该如何针对B端设计的特点进行调整?甚至设计管理的思路如何调整?一起来文章中看看解决办法随着互联网常规……如何创建精致的UI界面(四):图像篇今天通过图像篇,带大家了解在UI界面设计中,我们该如何注意图像的一些问题。五篇系列目前已经到图像篇幅了,今天带来的图像篇,它是一个强大的工具,可以帮助您沟通和区分您的产品……从用户体验说起,App有哪些值得优化的功能点用户体验对于APP运营来说是很重要的一环,用户对应用的喜好程度均反映在其对App的使用行为上。从用户的体验反馈中,运营可以针对APP产品进行矫正与优化。本篇文章中,笔者从用户体……“用例规划”到底该怎么做?本文强调了用例规划在软件研发项目中的重要性,并对如何做用例规划进行了分析。enjoy1。概述用例规划是需求分析中的第一步。用例规划的前提条件就是前面已经进行了……产品设计心法:数据看板篇本文作者依据工作中项目实践的所思所想,并结合案例等分享了数据看板设计过程中需要注意的一些问题,供大家一同参考和学习。写在前面说来惭愧,最近在页面设计上踩了不少的坑,……不同场景下,折叠屏的界面设计方法距离折叠屏手机正式发售的日子越来越近,三星GalaxyFold将于9月在韩国开卖,华为MateX折叠手机也将在近期国内销售。面对折叠屏,大众充满好奇、新鲜感,现在看来硬件已完备……界面好看,字体当然不能拖后腿字体作为设计中重要的模块,却很少被提及,大部分设计师遵循常规地进行字体的选择。实际上,如果设计的字体出彩,那么对设计而言将是锦上添花。一、字体的价值在界面设计中,字……流程才是B端产品的用户本文从角色、数据、逻辑三个角度分析了为什么说B端产品用户是流程。笔者之前设计了一企业服务SaaS产品,如今产品已经上线。C端产品的用户是个人,那B端产品也是如此么?……要想真正了解你的用户,你不能忽略这10个设计原则我们都知道,产品设计一定要以用户为中心。否则,你设计出的产品,可能就无法博得用户的青睐。对于产品设计而言,“了解你的用户”是非常重要的设计原则。虽然我无法通过这一篇文章来……什么品类适合千人千面?由淘宝提出的千人千面,如何运用到现下传统企业的转型中呢?千人千面作为一种算法和营销手段最早由淘宝提出,但它的含义与应用远不止于此。本文将从消费端与生产端两个维度探讨……问卷调查全流程:如何做好一次问卷调查?不同行业的人做某件事情的过程中,经常会带有某种职业习惯。作为产品经理,去做用户问卷调查时,会习惯性地把它当做一个产品,从整个流程到细节去把控。这篇文章就分享一下,从产品经理的角……
七个步骤,教你注册公司给创业公司起名字,你需要避开这三个误区把企业注册在开曼群岛有啥好处?新《公司法》时代:或工商松,税务紧初创公司办公空间设置:这样最高效创业门槛降低,新公司法将于3月1日施行香港注册公司需要注意的细节创业利好:公司最低注册资本限制取消修改后的《公司法》:创业更容易了吗?创业公司股权分配的4项基本原则如何构建一家全是创业者的公司?如何给店面或公司取名
中国女篮小组第一直接出线,男篮启程,霍楠下课,弗格升级当爸民法典人身权的规定有哪些?不可能的事一本书一片情作文热评聚热点网 食疗能治病?当然能脸大不用愁瘦脸发型教你打造美丽时尚的小脸月夜阻风,泊舟太湖石塘南头四云南省培养金牌导游(讲解员)首批计划培养50人郁美净适合什么肤质?油性肤质不建议郁美净有什么好看的动漫国产好看的动漫排行榜前十名学会珍惜别让我可以,遗憾成我本可以集体土地使用超过20年的使用权归谁所有

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