菜单
优设网uisdc.com
优设网 - UISDC
首页
设计文章
热门频道
网址导航
培训课程
教程与灵感
设计工具
关于我们
联系我们
文章投稿
意见反馈
广告商务
会员
开通优设VIP星球
尊享13项VIP特权
持续新增
主题打卡挑战
21天带练!告别无效练习
接私单赚外块
VIP优先接,累计金额超百万
优设私房课免费学
价值178元热销课程
你的私人律师
每月可免费咨询30次
开通VIP
领取更多设计师实用特权
投稿
搜索
您还未登录
登录后即可体验更多功能
立即登录
文章收藏
资源下载
提问答疑
我要投稿
网页字体 话题
首页
设计文章
网页字体
转化率
收录35篇文章
设计工具
收录33篇文章
H5页面
收录32篇文章
阿里巴巴
收录32篇文章
创意灵感
收录35篇文章
UI
2.4w
设计师走查必备基础!网页字体属性全方位揭秘
本文帮助大家了解设计稿和线上页面字体的关系,以及 Emoji 表情文字的显示方法,一起揭开字体中的秘密。
2020-06-01
土拨鼠
UI
教程
2.9w
我们观察到,2018年网页文本字体的设计趋势有这7种
网站最基本的功能是呈现信息,让用户可以阅读。字体的展示和排版自然也是网页设计师工作的重要内容之一。今天,我们搜集了2018年网页设计领域正在流行的文字排版设计趋势,与你分享。
2018-05-23
陈子木
字体设计
平面
3.5w
2017年流行的这些字体排版趋势,你都知道嘛?
技术和设计趋势一样,随着时间的推移总在不停地变化。对于网页设计师和前端而言,字体和排版所涉及到的技术和设计尤其是如此。不过纵观这几年,网页字体和排版在大方向上并没有明显变化,结合当前主流产品和设计,并不难确定2017年内,我们需要关注的这些字体和排版趋势。
2017-04-30
陈子木
优秀网页设计
平面
2.2w
用好这5个技巧,帮你快速挑选出最合适的字体
时下一种流行的设计方式是在页面顶部使用配有简洁文字的大幅图片或者视频,以此吸引用户进入网站。这种设计方式最头疼的就是如何为这些文字选择合适的字体。从样式繁多的字体库中找到一个合适的字体,往往会让设计师感到举步维艰。
2017-03-03
程远
字体选取
平面
3.3w
总结了日式网站这4个优点后,我能把中文网站做得高大上了!
本文通过分析日式网站的色彩、图片、文字和元素运用,帮你充分吸收日式网站的精华,让中文网站的设计也变得高大上!色彩当我们看到小清新的网站的时候首先一定会想到日式网站。Sarara 是一家纯净水的网站,所以它的网站主题色系为蓝色系,主要由高饱蓝色到低饱蓝色的过度,加上明暗对比的强烈,直接了当的突出宣传的产品。
2017-02-22
程远
中文字体
平面
2.5w
实例教学!10个帮你运用好字体组合的设计原则
编者按:选择与设计相符的字体、展现视觉的层次感、衬线体与非衬线体一起使用、避免字体冲突、避免使用相似的字体进行组合、限制你所使用的字体数量… 今天@喪心病狂十六夜貓 这篇译文总结了运用好字体的设计原则,都是基础但不可忽视的,适合新手学习或重温。实例教学系列:《实例教学!12种透明背景的万能设计方法》《实例教学!
2016-08-21
程远
ui设计
教程
2.3w
超赞!最佳WEB字体排版实践的简明指导手册
betsey:本文是站在一个网页设计师的角度,所写的关于最佳字体排版实践的手册,包括字体排版设计、Web 字体、Web 样式指导等四个方面,而且每一章后都有扩展阅读帮你深入了解细节,全程高能干货,建议阅读。目录简介字体排版设计视觉层次字体排版中的格式塔原则字体选择字体使用web字体字体加载OpenType的特性Web 样式指导相对大小容器字体尺寸垂直间隔颜色下划线总结简介字体排版绝不仅仅是使用字体那么简单,它包括了关于文字”看上去会是怎么样?”的所有事情——例如文字的大小,行...
2016-07-06
程远
排版布局
教程
2.0w
谷歌字体安装指南!教你在网页上使用 Google Web font
现时有很多网站流行使用网页字体,这些字体大部分来自 Google Font 提供的700+免费字体,对于网页设计师和前端人员来说,是个很棒的字体库,设计师可以使用字体库提供的免费字体来网页设计,而前端人员可以直接调用 Web Font 样式,极其方便。这篇文章教你怎么用!本文告诉你:#1 下载 Google 字体库的免费字体,并安装到电脑上。
2016-04-28
程远
Google
教程
2.5w
精雕细琢!打造优秀用户体验的10大排版规则
对于网页和APP而言,良好的排版不仅仅是摆上漂亮的字体就可以搞定的,高度的可读性和可识别性并不是简单的要求,视觉设计和内容风格也应当做好一致性。虽然这些要求看起来和“高大上”的需求一样空泛,但是找准方向稍加训练,并不难做到。所以,今天的文章我们将为你奉上10条可以帮你提升用户体验的排版规则,每条规则都附上实际案例助你理解和运用。
2016-04-02
陈子木
排版布局
教程
3.5w
专业干货!想强调重点该用粗体、下划线还是斜体?
编者按:你以为的加粗很多是假粗体;下划线只是打字机时代的产物,如今根本不能用;中文没有斜体…. 以上仅仅是@justfont 这篇好文的众多亮点之一,这不仅是一堂生动的字体科普课,也附上了强调文本的实用方法。只要你需要排版,这篇文章就不能放过,都是基础功呀。计算机辅助的设计中,一般人可以轻易的凸显任何内文。
2015-11-19
程远
web字体
平面
6.6w
提升观感!如何把谷歌的「思源黑体」作为Webfont使用?
编者按:想让你的网站瞬间提升质感?试试谷歌和Adobe联合推出的「思源黑体」!现在只要加入一段 Typekit 程序代码,就可以把思源黑体作为网页字体(Webfont)使用了,附上具体的使用教程,来收!
2015-11-05
程远
android
教程
2.5w
超实用!帮新手熟练掌握字体运用的18招秘籍
文字、文本排版是日常工作中经常用到,看似简单的文字,实际上排版也是很有讲究,今天为大家整理一组信息图:用好文本的18条法则。如果你在版式方面内力不够精纯,可以跟随这些规则,让你少走很多弯路。1. 了解字体的性格每个字体都有性格,人们比较喜欢一些有特色的东西。
2015-09-25
程远
字体
教程
1.4w
网站的关键!教你13步打造优雅的Web字体
今天,大多数浏览器已经默认支持Web字体,日趋增多的字体特性被嵌入最新版HTML和CSS标准中,Web字体即将迎来一个趋于复杂的崭新时代。下面是一些基本的关于字体的规则,特别适用于Web字体。原文地址:creativebloq 译者:特赞Tezign顺便附上一个神器:《前端工程师的菜!
2015-09-23
程远
字体设计
教程
4.1w
UI设计福利!如何在PS上直接使用FontAwesome图标?
估计很多前端人员都知道FontAwesome是一套免费而且好用的Web字体图标,只要在CSS引入这个字体icon,它就可以直接通过class来生成一个图标,而且免费使用。目前图标数量已经更新至585个之多,包含常用的APP UI应用图标、品牌图标等。今天教大家如何将FontAwesome直接在Photoshop或AI上使用,这样日后做UI设计也方便多了,下面我们说说方法。
2015-08-27
程远
ps技巧
教程
5.3w
这个姿势有用!哪种字体最适合快速阅读?(附搭配建议)
编者按:什么样的字体兼具易认性和可读性?中英字体该如何搭配才能保证顺畅阅读?今天分享一篇专业的字体搭配科普文,有图有分析,还有贴心的中英字体搭配建议 >>>阿卡林:这个问题涉及了两个概念:易认性(Legibility)和可读性(Readability)。
2015-03-18
程远
字体排版
教程
2.9w
网站字体有多重要?它帮网站提高了38%的流量!
多年前,麻省理工学院的研究人员已经证实字体影响我们的感受:差的字体使人无意识的反感,好的字体使我们感到高兴。如果字体能够影响我们的情绪,那同样会影响用户体验。几周前,我决定探究字体对用户体验的影响究竟有多大。
2014-08-29
程远
网页字体
平面
11.2w
不会挑选字体?来看看字体的7种类型及特点
妈妈常说字如其人,到了设计师这里,字体就决定了产品的气质。如何给作品挑选一款合适的字体是非常重要的(完全无法直视设计师简历用宋体!!),那么,对字体完全无感的同学,得先赶紧了解下字体的性格和特点,才能灵活自如运用呀。
2014-07-15
程远
字体设计
教程
2.3w
字体的私奔:超赞网页字体设计奇幻之旅
第一印象通常就是一种持续印象。不管你是否意识到,你的版式能够帮助用户在他们甚至还没有开始读一个字或者点击一个按钮之前建立一个体验。版式不仅仅是讲述一个故事,它告诉用户是这个网站的幕后以及这个背后的人是做什么的。
2013-12-16
程远
字体设计
教程
1.5w
Mac Win 网页字体显示方案
Mac在诞生的时候就把对字体处理尽可能接近原貌成为它很大的一个卖点,而在这些年亲身使用后,个人感觉Mac下的字体确实看起来比Win下舒服些,特别是在浏览网页时,字体比较“珠圆玉润”,可惜的是Mac目前并不是主流,大多数还是Win用户。所以即使你所使用是Mac,在设计仍然要记得平衡Win下的效果。Mac和Win的显示区别截了段文字做了个对比,很容易看得出来,字体显示起来是有很大的差别的。
2013-01-01
Roc
mac
没有更多文章了
大家都在看
酷站推荐
文章 333
立即查看
psd下载
文章 134
立即查看
海报设计
文章 265
立即查看
职场
文章 136
立即查看
ICON
文章 204
立即查看
神器推荐
文章 348
立即查看
用户体验
文章 857
立即查看
优秀网页设计
文章 582
立即查看
字体下载
文章 134
立即查看
优设读报
2022年05月28日 星期六
01
护肤品牌林清轩发布品牌新 LOGO
02
国美毕业展官宣: 6 月 1 日线上线下同步开启
03
《哪吒之魔童闹海》释出先导海报
04
13W 现金等你来领!「城市主题机票」创意设计大赛开启征集
05
王宝强电影《八角笼中》概念海报曝光,由黄海操刀设计
查看全部
即时设计的进阶之路
在线设计神器全面介绍,初高阶技巧汇总
查看专题
专题
已有23.1w位观众
已收录
7
篇持续更新
忍不住安利!这款设计工具真的被低估了!
33794 人阅读
超全合集!腾讯、字节、阿里多套大厂资源,十几套小程序 App 模板!
45751 人阅读
细节
Chrome的下拉细节,我也就玩了十几遍
下拉加载刷新页面当前数据是现在常规的交互逻辑,而Chrome浏览器在下拉上有着自己的见解:在下拉交互中增加了左移和右移的操作,分别对应新增浏览页面和关闭当前页面。在按住下拉并左右移动时,灰色圆形元素会像小水滴一样被吸到了左边或右边。微交互增加了操作的趣味性,让人爱不释手。
2018-09-22
AmberDu小白
Chrome
设计问答
全部问答
如何通过设计提升产品的转化率?
邀请你来回答
每个月的转化KPI都完不成,主管让我们每个岗位都整理一份相关的总结。从设计角度出发的话,产品的介绍和活动页面怎么设计才能提高转化率呢?
我来回答
优设琅琊榜
查看全部
1.5w
1/9
从《清平乐》到《夏洛特烦恼》的影视插画女神:才仙
大仙儿~
心中有光,前路漫长。
设计神器
全部神器
如何让动效完美还原?送你两个超厉害的免费插件!
神器推荐
你最想要的,都在壹周速读 vol.07
神器推荐
链接太长不好发?这个网站帮你自动转成短链接!
神器推荐
2018年,设计师最值得尝试的8款生产力工具
神器推荐
课程
爆款课程!零基础C4D实战就业班
涨薪指数
技能点 · C4D
涨薪必备
名师亲授
课程
如何快速创作火爆全网的手绘作品?
涨薪指数
技能点 · 手绘插画
私单涨薪
必备技能
课程
插画学到什么程度,才够接私单赚钱?
涨薪指数
技能点 · 手绘插画
接单涨薪
快速入门
课程
为什么阿里和OPPO超爱这类插画风格?
涨薪指数
技能点 · 手绘插画
高效实战
百万人气
求职招聘
发布职位
高级UI设计师
北京
本科及以上
3年以上
25k-50k
插画师
西安
大专及以上
1-3年
5K-10k
交互设计师
上海
本科及以上
3-5年
25k-50k
查看全部
行业新闻
发布行业新闻
BenQ 以设计塑造品牌形象,明基 PD 系列专业显示器助力设计产业发展
新品推荐
NVIDIA Studio 创意加速,带来出色的 AI 和光线追踪性能
新品推荐
超好用!让印刷作品质感倍增的 9 组印刷纸张类型
行业新闻
查看全部
热门频道
设计专题
热门设计知识精挑细选
查看专题
细节猎人
1分钟小短文揣摩设计真谛
查看猎人
优设读报
行业资讯一站知晓
查看读报
优设琅琊榜
顶尖设计作品聚集地
查看榜单
行业新闻
行业大事小事全知道
查看新闻
设计问答
高手大咖在线答疑解惑
查看话题