排版人员 快速排版

Design is everywhere, and with design comes text and the content that you’re trying to reach the user with. But before creating your design and choosing what font you want to use, there are some things you should know that will help you achieve your goals much more effectively.

设计无处不在,而设计伴随着文本和您想要吸引用户的内容。 但是在创建设计并选择要使用的字体之前,您应该了解一些可以帮助您更有效地实现目标的知识。

不同的设计需要不同的版式 (Different designs require different typography)

Every time you’re designing any type of product, the message you’re trying to convey is never the same. You want to reach different users and tell them different things. Naturally, your design choices will be different: colour, patterns, animation and, of course, typography.

每次您设计任何类型的产品时,您要传达的信息都不会相同。 您想吸引不同的用户并告诉他们不同的事情。 自然,您的设计选择将有所不同:颜色,图案,动画以及排版。

内容 (Content)

It’s crucial to know beforehand, of choosing a font, the content you’re gonna use: what does it say? how much is it? Matching your font choice to the content you want to pass to the user is imperial.

预先了解选择字体和要使用的内容至关重要: 它表示什么? 多少钱? 将字体选择与您要传递给用户的内容进行匹配是必不可少的。

Your font will be the visual carrier of your message, which means it has to translate its meaning in its form. Per example, If I’m reading something related to a newfound medicine that will revolutionize the world, I don’t expect it to be in a font that is capitalized and bolder, or I might not take it as seriously.

字体将成为消息的视觉载体,这意味着它必须以其形式来翻译其含义。 举例来说,如果我正在阅读与将使世界发生革命的新发现药物有关的内容,我不希望它使用大写和粗体的字体,或者我可能不太重视它。

层次结构 (Hierarchy)

When organizing your content on a design, you have to make a plan of hierarchy, defining which content is more important and how you’re gonna visually distinguish titles, from subtitles and text. When the user looks at your design they’ll immediately make a distinction based on the visual layout of your text.

在设计上组织内容时,您必须制定层次结构计划, 定义哪些内容更重要,以及如何从视觉上区分标题,字幕和文本 。 当用户查看您的设计时,他们将根据文本的视觉布局立即做出区分。

The fonts you choose to do this should vary in size, and possibly in family, to differentiate this content based on their hierarchical importance.

您选择执行此操作的字体应大小不同,并且可能不同,以根据其层次结构重要性区分此内容。

设计声音 (Design Voice)

Every design and every product have their own stories and are made for different people. Design is not just about aesthetics but also telling a story and trying to draw people to it and engage them.

每个设计和每个产品都有自己的故事,并且是为不同的人制作的。 设计不仅与美学有关,而且还讲述一个故事,并试图吸引人们加入并吸引他们。

To be successful with when coming up with a solution, we have to know exactly what is the story we’re telling and how can we deliver it to our target audiences. That’s why we are faced with so many different styles and types of design every day: they’re telling us different things.

为了成功提出解决方案,我们必须确切地知道我们在讲什么故事,以及如何将其交付给目标受众。 这就是为什么我们每天面对如此众多不同的样式和类型的设计:他们在告诉我们不同的事情 。

For different styles of design, conveying different messages, come different types of typography:

对于不同的设计风格,传达不同的信息,请使用不同类型的字体

  • If you’re trying to be more minimalistic and classy, maybe you should go for a cleaner and serifed font;如果您想变得更简约,更优雅,也许您应该选择一种更干净,更细化的字体;
  • If your design is bolder and more fun, the way to go is different. Maybe the way to go is a rounder font with more personality?如果您的设计更大胆,更有趣,那么走的路就不一样了。 也许要走的路是拥有更多个性的更圆润的字体?

了解您的用户 (Know Your User)

One of the most important things — if not the most important — of deciding on typography is knowing clearly who you are designing for.

决定排版的最重要的事情之一(如果不是最重要的话)就是清楚地知道您要为谁设计

In your personal life, when you’re talking to different friend groups, family members, work-related people, or any other person you might come across, you adapt your manner of speaking to this specific target. The same thing has to happen when you design.

在您的个人生活中,当您与不同的朋友团体,家庭成员,与工作相关的人或您可能会遇到的任何其他人交谈时,您都会使讲话的方式适应这个特定的目标。 设计时必须发生相同的事情。

You can’t expect the same design choices to work and be successful with the same age groups, genders, cultures, etc. Different people require different outputs.

您不能期望相同的设计选择能够在相同的年龄段,性别,文化等条件下工作并取得成功 。 不同的人需要不同的输出 。

Undraw提款

辅助功能 (Accessibility)

Besides knowing the general characteristics that define your user, you always need to have in mind that not everyone will see the same way and that there are users with visual and comprehensive imparities that make it harder for them to read.

除了了解定义用户的一般特征之外,您还需要始终牢记,并非每个人都会看到相同的方式, 并且有些用户的视觉和综合障碍使他们难以阅读

Thinking of this you should always be attentive on the colour contrast between text and background and also the size of your content. Even a person with 20/20 vision will have a hard time reading a 5px text.

考虑到这一点,您应该始终注意文本和背景之间的颜色对比以及内容的大小 。 即使是视力为20/20的人也很难阅读5px的文字。

可读性 (Readability)

That leads me to my next point. All of your content should be legible for your user (unless your design choice is to not make the text readable for any reason, of course).

这引出我的下一个观点。 用户的所有内容都应清晰易读(当然,除非设计选择是出于某种原因使文本不可读)。

It’s fun to play around with typography and try out the many many many fonts that are out there and trying new things when designing is always a good thing. But it’s more important to make sure that your user knows what you’re telling them. If they can’t read your content, they’ll easily give up and go on to the next thing.

玩弄字体并尝试许多现有的字体很有趣,在设计时尝试新事物总是一件好事。 但是,更重要的是要确保您的用户知道您在告诉他们什么。 如果他们看不懂您的内容,他们会轻易放弃并继续下一步。

衬线vs无衬线 (Serif vs Sans Serif)

There are many different types of fonts, and while they may look good, they might not be the appropriate choice. For those who might be wondering the difference about sans serif and serif fonts here’s a quick explanation:

有许多不同类型的字体,尽管它们看起来不错,但可能不是合适的选择。 对于那些可能想知道无衬线字体和衬线字体的区别的人,这里有一个简单的解释 :

  • Serif — these are the fonts that have decorative strokes at the end of the letters.

    衬线字体-这些字体的字母末尾带有装饰性笔触。

  • Sans Serif — as the name suggests, these are the fonts “sans” (without) these strokes.

    Sans Serif-顾名思义,这些是这些字体的“ sans”字体(不含)。

These two types of fonts are often chosen depending on the occasion, which in this case is your design. Not every design should have a serifed font or vice versa, and maybe it should have both or none. By evaluating the content and the message you’re passing, you’ll know which is the right answer for your situation.

经常根据情况选择这两种字体,在这种情况下,这是您的设计。 并非每个设计都应该具有衬线字体,反之亦然,也许每个设计都不应该具有衬线字体。 通过评估您所传递的内容和消息,您将知道哪种情况最适合您。

字体配对 (Font pairings)

Usually, every design has more than one font, so it’s very important to make a pondered decision about which fonts are gonna be used and why. Not every font go together and will do justice on your design.

通常,每个设计都有一个以上的字体,因此,对将要使用的字体及其原因进行深思熟虑的决定非常重要。 并非每种字体都可以并用,并且可以使您的设计更加合理。

FontPair, like many others, is a tool that will give you some great font pairings that you can download and preview.

像许多其他字体一样, FontPair是一种工具,可以为您提供一些很棒的字体配对,您可以下载和预览。

Typefaces are to the written word what different dialects are to different languages. — Steven Heller

字体是书面单词,不同的方言是不同的语言。 — 史蒂文·海勒

Complementary reading:

补充阅读:

  • 7 typography tips for interface design;

    界面设计的7个印刷技巧 ;

  • Typography can make or break your design: a process for choosing type;

    印刷术可能造就或破坏您的设计:选择类型的过程 ;

  • How to use typography in UI Design;

    如何在UI设计中使用排版 ;

  • 26 Digital Typography Rules for Beginners;

    26个初学者的数字印刷规则 ;

  • What Is Typography, And Why Is It Important? A Beginner’s Guide.

    什么是版式,为什么如此重要? 新手指南 。

UX Para Minas Pretas (UX For Black Women), a Brazilian organization focused on promoting equity of Black women in the tech industry through initiatives of action, empowerment, and knowledge sharing. Silence against systemic racism is not an option. Build the design community you believe in.UX Para Minas Pretas (UX For Black Women),这是一个巴西组织,致力于通过采取行动,赋权和知识共享的举措来促进科技行业中的黑人女性平等。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/things-you-should-know-before-choosing-typography-c10e4258f6c1

排版人员 快速排版


http://www.taodudu.cc/news/show-894180.html

相关文章:

  • imessage_重新设计iMessage以获得更好的用户体验— UX案例研究
  • 插图 引用 同一行两个插图_插图的目的
  • 最少的编码
  • 单选按钮步骤流程向导 js_创建令人愉快的按钮的6个步骤
  • 护肤产生共鸣_通过以人为本的设计编织共鸣的20个指针
  • 谷歌抽屉_Google(最终)会杀死导航抽屉吗?
  • sketch钢笔工具_设计工具(Sketch,Adobe XD,Figma和InVision Studio)中奇怪的一项功能
  • sketch浮动布局_使用智能布局和调整大小在Sketch中创建更好的可重用符号
  • 保持危机感和紧迫感_什么是紧迫的:您需要知道的一切
  • ui边框设计图_UI设计形状和对象基础知识:填充和边框
  • figma下载_素描vs Figma困境
  • 硬币 假硬币 天平_小东西叫硬币
  • 检测输入路径是否存在错误_为什么存在用户输入错误
  • Baymard Institute:基于UX的最佳实践的光荣的,循证的工具
  • 同理心案例及故事分享_神经形态,视觉可及性和同理心
  • 菜单窗口_菜单
  • 小程序 富文本自适应屏幕_自适应文本:跨屏幕尺寸构建可读文本
  • 平面设计师和ui设计师_游戏设计师的平面设计
  • a说b说谎b说c说谎说d说_说谎的眼睛及其同伙
  • 百度指数可视化_可视化指数
  • sketch钢笔工具_Sketch和Figma,不同的工具等于不同的结果
  • figma下载_Figma中的动态内容和颜色
  • 基于上下文的rpn_构建事物-产品评论视频中基于上下文的情感分析
  • 单选按钮设置为被选中状态_为什么要设置错误的按钮状态
  • 产品设计美学案例分析_美学在产品设计中的重要性
  • ux设计中的各种地图_UX写作中的移情
  • 苹果风格ui_苹果如何使Soft-UI成为未来
  • illustrator下载_平面设计:16个Illustrator快捷方式可加快工作流程
  • open ai gpt_让我们来谈谈将GPT-3 AI推文震撼到核心的那条推文
  • 计算机视觉笔记本推荐_视觉灵感:Mishti笔记本

排版人员 快速排版_选择排版前应了解的事项相关推荐

  1. 系统技术方案 系统构架_构架系统时应注意的事项

    系统技术方案 系统构架 by Ayelet Sachto 通过Ayelet Sachto 架构系统时要记住的6件事 (6 Things to keep in mind when architectin ...

  2. 现代网页排版有什么要求_调查:现代网站的更好排版

    数字文本可以采用多种样式进行格式化. 随着网络字体和浏览器脚本的进一步发展,我们已经看到了供开发人员使用的新项目代码. Web设计师也正在寻找最佳的策略来编码其网站并在其所有页面之间建立统一的印刷风格 ...

  3. qlabel可以选中吗_惊现凡尔赛式排版!原来微信公众号排版样式还可以“变装”?...

    各位小伙伴们,要集中注意力了!接下来就是考验你们观察力的时候啦! 快跟着小妹儿看一下,一个样式到底能有多少种玩法?文中使用工具为公众号编辑器-小蚂蚁编辑器. 1.添加/删除背景 编辑器里的内容样式是可 ...

  4. 导出参考文献是ciw格式_参考文献排版,这几点非常重要!

    之前和大家多次聊过参考文献的排版. Zotero | 有了Zotero,参考文献排版不再烦恼! 定制版GB/T 7714来了,究竟有多好用?| Zotero 今天继续介绍一些参考文献排版的注意事项.( ...

  5. Word排版如何快速自动生成目录,简单实用,一看就懂!

    都说 "人靠衣装马靠鞍",的确如此,不光是人需要收拾的干净利落,我们的文章排版也是如此,只有当你的界面排版干净整洁时,才有让人阅读下去的欲望.那么现在问题来了,如何在排版中快速自动 ...

  6. 最好用的_古书制作工具_古籍排版工具_古文排版_自动生成古书_多种古书风格_古籍制作工具

    古书制作工具_古籍排版工具使用方法 前言 最好用的古书制作工具, 最好用的古籍排版工具, 最好用的古籍制作工具, 最好用的古文排版, 自动生成古书, 多种古书风格 一.看下源图片见最后面 二.使用步骤 ...

  7. 最好用的_古书制作工具_古籍排版工具_古文排版_自动生成古书_多种古书风格_古籍制作工具_个性化书籍制作工具

    古书制作工具_古籍排版工具使用方法 前言 最好用的古书制作工具, 最好用的古籍排版工具, 最好用的古籍制作工具, 最好用的古文排版, 自动古书排版, 自动书籍排版, 自动生成古书, 多种古书风格 可自 ...

  8. 计算机排版工试题,计算机排版工考试计算机排版工(初级)试卷(计算机排版工考试).doc...

    试卷第 PAGE 1 页共 NUMPAGES 1 页 计算机排版工考试计算机排版工(初级)试卷(计算机排版工考试) 姓名:_____________ 年级:____________ 学号:______ ...

  9. 用Markdown优雅地一键排版公众号 解决公众号排版代码块换行错误的问题

    用Markdown优雅地一键排版公众号 解决公众号排版代码块换行错误的问题 不知道说些啥,反正vx后台的富文本编辑器挺烂的,秀米等一众辅助工具根据界面看起来是将HTML的盒子模型的各项CSS属性以&q ...

最新文章

  1. #6280. 数列分块入门 4(区间修改,区间查询)
  2. SAP MM初阶之ERS功能展示
  3. CF#190DIV.1
  4. 【转载】10个最“优秀”的代码注释
  5. MySQL索引背后的数据结构及算法原理--转
  6. java 发送cookie_Java如何在Servlet中发送cookie?
  7. saltstack批量加用户脚本
  8. html动态散花代码,IOS实现签到特效(散花效果)的实例代码
  9. 没看过这10本程序员必读烧脑经典,别说你是敲代码的
  10. Java中HashMap和TreeMap的区别深入理解,java开发面试笔试题
  11. 特斯拉电动卡车霸气发布,还有一个意外惊喜(全新跑车)
  12. 【NOIP1999】【Luogu1020】导弹拦截
  13. docker登录密码错误_Docker安装运行Mysql 5.7.31容器并修改数据库密码
  14. eric python mysql_joson 、python和mysql的使用
  15. 钱包:BUMO 小布口袋 APP 用户手册
  16. 学习java的ssh
  17. 职业选手cfg文件怎么用_新版本盗贼怎么玩?职业选手来教你!
  18. 洗碗机安装位置和水电预留多少才合适最实用?
  19. 计算机录入技术考试试题,计算机文字录入处理员高级试题bhs1ga0ve.doc
  20. opencv c++ 图像噪声及去噪

热门文章

  1. 软测第二周作业WordCount
  2. ubuntu设置静态ip
  3. 10.27 noip模拟试题
  4. cocos2d-x游戏开发 跑酷(四) 关联与物理世界
  5. 内存查看工具RAMMAP说明
  6. Ajax 模糊查询的简单实现
  7. IE6下div宽高设置
  8. 修改SQL server数据库中的逻辑文件名
  9. php透明颜色的代码,PHP imagecolorallocatealpha - 为一幅图像分配颜色和透明度
  10. android图片保存形式,Android应用开发之Android ScrollView截图和图片保存到相册的方式...