本周招生热门专业

  • WEB全栈开发与运营工程师
    WEB全栈开发与运营工程师

    WEB全栈开发与运营工程师

    剩余名额:
    学历证书: 本科学历
    创就业方向: 网站美工、UI界面设计、PHP开发、新媒体运营、网络运营等。

  • 云电商技术运维师
    云电商技术运维师

    云电商技术运维师

    剩余名额:
    学历证书: 大专学历
    创就业方向: 自媒体营销、网站优化推广、电子商务运营、网站推广专员

  • 互联网信息安全
    互联网信息安全

    互联网信息安全

    剩余名额:
    学历证书: 中专+大专(双学历)
    创就业方向: 信息安全工程、安全运维师、安全测试师、 系统安全工程师。

  • 美妆美学与影视设计
    美妆美学与影视设计

    美妆美学与影视设计

    剩余名额:
    学历证书: 大专学历
    创就业方向:影楼设计师、婚庆化妆师、形象设计师、高级美妆师、影视剪辑师。

  • 无人机智能应用
    无人机智能应用

    无人机智能应用

    剩余名额:
    学历证书: 中专+大专(双学历)
    创就业方向: 无人机操控及维修、航空摄影、农业植保、无人机后期服务。

  • 人工智能
    人工智能

    人工智能

    剩余名额:
    学历证书: 中专+大专(双学历)
    创就业方向: Python运维自动化工程师、搜索引擎工程师、算法工程师。

  • 电子竞技运动与管理
    电子竞技运动与管理

    电子竞技运动与管理

    剩余名额:
    学历证书: 大专学历
    创就业方向: 电竞主播、游戏制作、电竞职业选手、游戏特效制作。

  • 4D影视动漫设计师
    4D影视动漫设计师

    4D影视动漫设计师

    剩余名额:
    学历证书: 中专+大专
    创就业方向: 建模师、原画师、动画师、特效合成师,后期剪辑。

  • VR数字媒体精英设计师
    VR数字媒体精英设计师

    VR数字媒体精英设计师

    剩余名额:
    学历证书: 大专学历
    创就业方向: 动画原型设计师、三维游戏场景(道具)设计师 、VR特效设计师、动画角色设计师。

  • VR传媒与电竞运营师
    VR传媒与电竞运营师

    VR传媒与电竞运营师

    剩余名额:
    学历证书: 双学历
    创就业方向:电竞运营管理、影视策划师、影视制作、游戏动画、游戏模型、

  • 环境艺术精英设计师
    环境艺术精英设计师

    环境艺术精英设计师

    剩余名额:
    学历证书: 本科学历
    创就业方向: 建筑效果设计、室内设计、平面设计、家具设计、VR设计。

  • 新媒体UI创意设计师
    v

    新媒体UI创意设计师

    剩余名额:
    学历证书: 大专学历
    创就业方向: 平面设计、UI特效动画师、交互设计师、网页设计师、软件界面设计师等。

  • 云开发软件工程师
    云开发软件工程师

    云开发软件工程师

    剩余名额:
    学历证书: 大专学历
    创就业方向: Java或C#编程、数据库开发、ERP/crm/B2C开发、系统分析、系统设计。

  • 电子商务与财会
    电子商务与财会

    电子商务与财会

    剩余名额:
    学历证书: 中专+大专(双学历)
    创就业方向: 电子商务会计、电子商务师、数据分析师、电子商务运营师、店铺运营策划。

首页 > 新闻中心 > 学院新闻

超全面的UI字体设计与排版指南(一)

发布时间:2016-06-17 08:38:33 内容来源:山东新华电脑学院 点击:

  字体&排版

  学UI的同学都知道,无论做网页还是App设计,文字内容总是能占到整个版面将近80%的区域,所以说,理解字体与排版对UI设计师来说非常关键,你需要始终把内容的可读性放在首位去考虑,从而权衡你对字体与排版的选择。关于UI字体设计与排版,山东新华电脑学院**新媒体UI专业老师教你几招:

  01字体的基础术语

  了解字体设计的基础术语非常重要,这些术语在介绍字体设计的相关文章中经常出现。比如 x-height(X字高)指的是从字母的基准线开始往上到矮字母的顶端的距离,当X字高的比例相对大一些的话就能增加易读性。

u11.jpg

  02汉字字形

  在大多数情况下我们都选择使用系统自带的字体,比如微软雅黑、宋体、黑体等来定义标题和内容,但有时,我们在做Logo、banner设计时也需要通过对字体进行改造,来达到更加理想的效果。这时我们就需要掌握汉字的字形结构以及一些基本的设计原则。

u22.jpg

  03衬线字与非衬线字

  西方国家的字母体系分成两大字族:serif(衬线字体)及sans serif(无衬线字体)。衬线字(下图中的宋体、Times New Roman)是指在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有所不同。相反的,无衬线字(下图中的思源黑体、Helvetica)就没有这些额外装饰,而且笔画粗细大致上是差不多。

  衬线字的字体较易辨识,也因此具有较高的易读性。反之无衬线字则较醒目。通常来说,需要强调、突出的小篇幅文字一般使用无衬线字,而在长篇正文中,为了阅读的便利,一般使用衬线字。在实际应用中,因为中文的宋体和西文的衬线体,中文的黑体和西文的无衬线体,在风格和应用场景上相似,所以通常搭配使用。

u33.jpg

  04字体排版建议

  在你对字体排版技巧了如指掌之前,首先需要保证你的内容能够简单且清晰地展现出来。出众的文字与排版使我们更愿意去阅读,所以好先关注你所设定的字体和排版是否便于阅读,然后再考虑为了美观改进行修饰。

u44.jpg

  05iOS中的系统字体

  随着iOS 9系统以及EI Capitan系统的发布,现在的系统字体变为了Apple自己设计的 [San Francisco]。iOS仍然在其他地方使用SF UI,而在Apple Watch中使用SF Compact。

  San Francisco 有两类尺寸:文本模式(SF UI Text)和展示模式(SF UI Display)。 文本模式适用于小于20 points的尺寸,展示模式则适用于大于20 points的尺寸。当你在你的app中使用San Francisco时,iOS会自动在适当的时机在文本模式和展示模式中切换。

  注:如果你使用诸如Sketch或Photoshop的工具来进行设计,那么当你设置的字体大于等于20 points的时候,你需要切换到展示模式。iOS会根据字体大小为San Francisco自动调整字间距。

u55.jpg

  06选择Body字体

  为body text挑选合适的字体是重要的,务必选择那些可读性强的,看上去干净易读的字体。小卓推荐的常用英文字体有:San Francisco, Helvetica Neue, Avenir Next, Open Sans, Museo Sans。中文字体则有,华文细黑,思源黑体。

u66.jpg

邮寄简章

地址: 山东省济南市天桥区无影山中路123号 邮编:250031 电话:0531-88950988

©2006-2019 Beijing Langjie Technology Co., Ltd. All rights reserved. 版权所有:北京朗杰科技有限公司

在线咨询更多问题

如您有任何疑问
在线咨询随时为您解答或拨打咨询热线:0531-88950988

秋季报名补录中

山东新华电脑学院秋季招生即将结束,少量名额紧急补录中。现在报读可免试入学,拿大专本科学历,技能学历双丰收。
点击查看详情>>