网页字体 | 优设网

设计师走查必备基础！网页字体属性全方位揭秘

本文帮助大家了解设计稿和线上页面字体的关系，以及 Emoji 表情文字的显示方法，一起揭开字体中的秘密。

2020-06-01 58UXD UI 用户体验

我们观察到，2018年网页文本字体的设计趋势有这7种

网站最基本的功能是呈现信息，让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。

2018-05-23 Webflow Blog 字体设计 排版布局

2017年流行的这些字体排版趋势，你都知道嘛？

技术和设计趋势一样，随着时间的推移总在不停地变化。对于网页设计师和前端而言，字体和排版所涉及到的技术和设计尤其是如此。

2017-04-30 陈子木优秀网页设计 字体排版

用好这5个技巧，帮你快速挑选出最合适的字体

时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频，以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。

2017-03-03 程远字体选取 经验分享

总结了日式网站这4个优点后，我能把中文网站做得高大上了！

本文通过分析日式网站的色彩、图片、文字和元素运用，帮你充分吸收日式网站的精华，让中文网站的设计也变得高大上!色彩当我们看到小清新的网站的时候首先一...

2017-02-22 程远中文字体 日本网站

细节大揭秘 全部细节

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能网页全截图iOS

这样可以互动的签到，你见过没？

微交互樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验新浪微博 iOS

实例教学！10个帮你运用好字体组合的设计原则

编者按：选择与设计相符的字体、展现视觉的层次感、衬线体与非衬线体一起使用、避免字体冲突、避免使用相似的字体进行组合、限制你所使用的字体数量… 今天@...

2016-08-21 程远 ui设计 字体搭配

超赞！最佳WEB字体排版实践的简明指导手册

betsey：本文是站在一个网页设计师的角度，所写的关于最佳字体排版实践的手册，包括字体排版设计、Web 字体、Web 样式指导等四个方面，而且每一章后都有扩展阅读帮...

2016-07-06 程远排版布局 排版设计

谷歌字体安装指南！教你在网页上使用 Google Web font

现时有很多网站流行使用网页字体，这些字体大部分来自 Google Font 提供的700+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提...

2016-04-28 程远 Google 经验分享

精雕细琢！打造优秀用户体验的10大排版规则

对于网页和APP而言，良好的排版不仅仅是摆上漂亮的字体就可以搞定的，高度的可读性和可识别性并不是简单的要求，视觉设计和内容风格也应当做好一致性。虽然这些...

2016-04-02 陈子木排版布局 排版设计

专业干货！想强调重点该用粗体、下划线还是斜体？

编者按：你以为的加粗很多是假粗体；下划线只是打字机时代的产物，如今根本不能用；中文没有斜体…. 以上仅仅是@justfont 这篇好文的众多亮点之一，这不仅是一...

2015-11-19 程远 web字体 字体

提升观感！如何把谷歌的「思源黑体」作为Webfont使用？

编者按：想让你的网站瞬间提升质感?试试谷歌和Adobe联合推出的「思源黑体」!

2015-11-05 程远 android Android UI

超实用！帮新手熟练掌握字体运用的18招秘籍

文字、文本排版是日常工作中经常用到，看似简单的文字，实际上排版也是很有讲究，今天为大家整理一组信息图：用好文本的18条法则。如果你在版式方面内力不够精...

2015-09-25 程远字体 字体排版

网站的关键！教你13步打造优雅的Web字体

今天，大多数浏览器已经默认支持Web字体，日趋增多的字体特性被嵌入最新版HTML和CSS标准中，Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规...

2015-09-23 程远字体设计 经验分享

UI设计福利！如何在PS上直接使用FontAwesome图标？

估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标，只要在CSS引入这个字体icon，它就可以直接通过class来生成一个图标，而且免费使用。目前图标数量...

2015-08-27 程远 ps技巧 图标字体

这个姿势有用！哪种字体最适合快速阅读？（附搭配建议）

编者按：什么样的字体兼具易认性和可读性?中英字体该如何搭配才能保证顺畅阅读?

2015-03-18 程远字体排版 字体设计

网站字体有多重要？它帮网站提高了38%的流量！

多年前，麻省理工学院的研究人员已经证实字体影响我们的感受：差的字体使人无意识的反感，好的字体使我们感到高兴。如果字体能够影响我们的情绪，那同样会影响...

2014-08-29 程远网页字体 网页设计

不会挑选字体？来看看字体的7种类型及特点

妈妈常说字如其人，到了设计师这里，字体就决定了产品的气质。如何给作品挑选一款合适的字体是非常重要的（完全无法直视设计师简历用宋体!

2014-07-15 程远字体设计 网页字体

字体的私奔：超赞网页字体设计奇幻之旅

第一印象通常就是一种持续印象。不管你是否意识到，你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。

2013-12-16 程远字体设计 排版

Mac Ｗin 网页字体显示方案

Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点，而在这些年亲身使用后，个人感觉Mac下的字体确实看起来比Win下舒服些，特别是在浏览网页时，...

2013-01-01 Roc 优设 mac mac字体显示方案

没有更多文章了

热门频道

设计专题

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

LOGO设计

收藏这个专题，不想学会都难！

本专题里，网易和百度的高手会先带你熟悉设计流程，由平面设计大神K先生教你更高阶的设计技巧，最后给你一份全面的LOGO合格检验标准。如果没灵感没时间也不怕，我们将灵感和自动设计LOGO 的神器一起打包给你了！

查看专题

表单设计

庖丁解牛般全面剖析表单设计

有信息的地方就有表单，掌握表单设计已经成为我们的必备技能。本专题不仅有全面的基础知识总结，还将常见的表单样式和设计准则都归纳集结，附上新人错题集和实战案例，让你彻底学会这个知识点。

查看专题

Banner 设计

从基础到进阶的终极设计宝典！

本专题堪称Banner 设计自学指南，从最基础的四大构成元素，到每个元素的设计方法都有超全的干货说明，针对每年的重要电商节日，还发了专题教程。除了教程和方法，还为电商设计师贴心准备了职场规划，快点下你收藏的小手吧~

查看专题

用户研究方法

8个最常见的用研方法合辑

无论你是设计师还是产品经理，甚至是运营、文案，这个专题都值得一看。本专题收录了常见的用户研究方法，包括移情图、头脑风暴法、问卷调查法、A/B 测试、用户访谈、深度访谈和可用性测试等，总有一款适合你。

查看专题

菜单 优设网 - UISDC

网页字体已发布文章19篇

设计师走查必备基础！网页字体属性全方位揭秘

2020-06-01 58UXD UI用户体验

我们观察到，2018年网页文本字体的设计趋势有这7种

2018-05-23 Webflow Blog 字体设计排版布局

2017年流行的这些字体排版趋势，你都知道嘛？

2017-04-30 陈子木 优秀网页设计字体排版

用好这5个技巧，帮你快速挑选出最合适的字体

2017-03-03 程远 字体选取经验分享

总结了日式网站这4个优点后，我能把中文网站做得高大上了！

2017-02-22 程远 中文字体日本网站

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能 网页全截图iOS

这样可以互动的签到，你见过没？

微交互 樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验 新浪微博 iOS

实例教学！10个帮你运用好字体组合的设计原则

2016-08-21 程远 ui设计字体搭配

超赞！最佳WEB字体排版实践的简明指导手册

2016-07-06 程远 排版布局排版设计

谷歌字体安装指南！教你在网页上使用 Google Web font

2016-04-28 程远 Google经验分享

精雕细琢！打造优秀用户体验的10大排版规则

2016-04-02 陈子木 排版布局排版设计

专业干货！想强调重点该用粗体、下划线还是斜体？

2015-11-19 程远 web字体字体

提升观感！如何把谷歌的「思源黑体」作为Webfont使用？

2015-11-05 程远 androidAndroid UI

超实用！帮新手熟练掌握字体运用的18招秘籍

2015-09-25 程远 字体字体排版

网站的关键！教你13步打造优雅的Web字体

2015-09-23 程远 字体设计经验分享

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

UI设计福利！如何在PS上直接使用FontAwesome图标？

2015-08-27 程远 ps技巧图标字体

这个姿势有用！哪种字体最适合快速阅读？（附搭配建议）

2015-03-18 程远 字体排版字体设计

网站字体有多重要？它帮网站提高了38%的流量！

2014-08-29 程远 网页字体网页设计

不会挑选字体？来看看字体的7种类型及特点

2014-07-15 程远 字体设计网页字体

字体的私奔：超赞网页字体设计奇幻之旅

2013-12-16 程远 字体设计排版

Mac Ｗin 网页字体显示方案

2013-01-01 Roc 优设 macmac字体显示方案

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

优设读报 2020年7月08日 星期三

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

想进大厂，学哪个风格的插画最实用？

高效实战大厂出品

为什么他设计的 LOGO 价值上万元？

职场技能高效实战

为什么想学场景插画的设计师越来越多？

趋势流行基础必备

菜单优设网 - UISDC

2020-06-01 58UXD UI 用户体验

2017-04-30 陈子木优秀网页设计字体排版

2017-03-03 程远字体选取经验分享

2017-02-22 程远中文字体日本网站

好功能网页全截图iOS

微交互樊登读书iOS

用户体验新浪微博 iOS

2016-07-06 程远排版布局排版设计

2016-04-28 程远 Google 经验分享

2016-04-02 陈子木排版布局排版设计

2015-11-05 程远 android Android UI

2015-09-25 程远字体字体排版

2015-09-23 程远字体设计经验分享

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2015-03-18 程远字体排版字体设计

2014-08-29 程远网页字体网页设计

2014-07-15 程远字体设计网页字体

2013-12-16 程远字体设计排版

2013-01-01 Roc 优设 mac mac字体显示方案

优设读报 2020年7月08日星期三

优设专题全部专题