网页排版 | 优设网

做好网页排版，不要犯这10种错误

@短腿僵尸木：网络上95％以上的信息是书面形式的。优化排版则是优化可读性，可访问性，可用性，整体图形平衡。

2017-07-29 程远经验分享 网页排版

从这些基本的字体排版规则入手，搞定网页排版这件事

漂亮的字体排版总能为网站设计加分不少。别具一格的设计虽然精彩，但是更多的时候，沿着前人探索出来的设计规则来设计，会更加得心应手。

2017-07-06 陈子木字体排印 排版设计

对比这10个注意事项，你的网页文字排版达标了么？

对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。

2017-06-26 陈子木优秀网页设计 排版布局

想让网页可读性更强？你得善用F式布局

虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。

2017-04-06 陈子木排版布局 经验分享

现在网页设计中图片有哪些常见的使用技巧？

图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。

2017-02-19 陈子木优秀网页设计 图库网站

细节大揭秘 全部细节

你有被购买数字产品充值只能充整数坑过钱吗？

用户体验猫耳FM

B站最新上线的「醒目留言」功能是什么？

设计逻辑 bilibili iOS

bilibili「小会员」彩蛋愚人节上线，你被B站绿了吗？

设计彩蛋 bilibili iOS

超酷的音乐App「乐趣」，连分享功能也独树一帜

好功能乐趣 iOS

排版｜为长文进行排版设计有哪些讲究？

先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一...

2016-11-29 陈子木字体排版 排版布局

实例教学！如何打造丰富而充满呼吸感的网页设计布局？

@飞屋睿UIdesign ：优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在约束内发生。要想让整个版式内容丰富又充...

2016-09-12 程远优秀网页设计 排版布局

简单好用！腾讯ISUX出品的图片压缩软件

编者按：今天安利两个神器，一个是@腾讯ISUX 团队新鲜开发的「智图」离线版，可以无损压缩图片，智能转换图片格式，在线生成webP格式图片等。一个是帮网页设计师做...

2016-08-23 程远 ISUX 智图

绝对专业！超全面的UI界面字体选取与使用指南

编者按：不论是UI设计师还是网页设计师，每天都在同字体与文本打交道，可是我们真的了解文本/字体对于界面的意义和功能么?Viljami Salminen 今天就来帮你刨根问底，...

2016-07-05 陈子木 ui设计 字体排版

实时预览！帮你免费测试网站字型排版的Font Fit

Font Fit 是一个免费网站测试工具，能够快速调整网页各部分的字型、大小、颜色及样式，实时更新显示于页面中，无须额外下载或安装软件。修改后能将修改结果汇出产...

2016-07-02 程远字体排版 字体效果

优设专栏！写给新人的中文字体设计基础与编排基础

编者按：本期干货来自优设的@EricJohnWilliams 同学，分享一些基础的中文字体设计/编排知识，全文通俗易懂不晦涩，充实有料无水分，适合新人入门学习。「优...

2016-05-02 程远中文排版 入门

零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百...

2016-04-07 程远 web前端 web前端开发

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

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

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

素材不够用？来看版式设计高手怎么解决这个难题(附案例)

编者按：做版式设计的同学，经常会遇到客户给的素材不够，信息不够，图太少，今天@南征南征用工作中的一个实战案例，帮你用版式设计的方法解决这个难题，来收...

2016-03-16 程远排版布局 排版技巧

最佳比例的秘密！教你如何在设计中充分运用黄金比例

吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单，它们的设计都遵循了黄金比例。

2015-11-08 陈子木排版布局 版式布局

排版宝典！20个设计新手常犯的排版设计误区

很多同学问设哥，为什么别人字体就那么随意放一下就辣么好看，其实排版可有大学问，不是随意放就好看。这就如同配色一样，也有千变万化的学问。

2015-10-13 陈子木字体排版 排版布局

干净秀气！一组字体纤细版式清爽的优秀网站

编者按：看到一组好字，如何用在网站上?今天这组网站不仅选择了合适的字体，版式设计也保持了清爽干净的风格，结合今天优设打包的23款顶尖字体，速度用起来!

2015-09-09 程远优秀网页设计 排版设计

青椒姑娘的设计课！从零开始教你学版式设计（六）

@孙青椒- ：第六期：黄金分割与构图法（下）!此篇为黄金分割与构图法的结课篇，依旧有理论有对比有案例分析，保证通俗易懂有料有趣无压力，最后一餐，务必吃饱...

2015-06-30 程远排版布局 排版技巧

青椒姑娘的设计课！从零开始教你学版式设计（五）

@孙青椒- ：第五期：黄金分割与构图法（中下）!为什么是“中下”呢，因为内容太多。

2015-06-12 陈子木排版布局 排版技巧

青椒姑娘的设计课！从零开始教你学版式设计（四）

@孙青椒- ：上节课后很多同学表示已被黄金分割搞疯，没关系，今天咱们不讲数学，也不画图纸，就来学一下黄金分割在版面设计中的具体应用 >>> 第一期：《青...

2015-06-03 程远排版布局 版式布局

热门频道

设计专题

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

B 端产品设计

从小白扫盲到大厂实战案例

2019 年C端产品式微，B端产品迎来春天。市场的变化也对设计师提出了更高的要求，为了帮设计师们在这次转型过程中少走弯路，本专题收纳了从B端基础知识科普到案例实战的完整流程，从大的知识框架到具体的图标/动效设计知识点都有相关经验。

查看专题

好书推荐

那些口碑炸裂的设计书籍

这两年，设计类新书层出不穷，眼花缭乱之时也让人无从选择。本专题收纳了各个领域（平面、交互、心理学等）专业人士提供的书籍建议，全是纯正好料，想屯书的抓紧了！为了帮大家节省时间，最后还附上超详细的读书笔记，帮你快速纵览全书。

查看专题

菜单 优设网 - UISDC

网页排版已发布文章29篇

做好网页排版，不要犯这10种错误

2017-07-29 程远 经验分享网页排版

从这些基本的字体排版规则入手，搞定网页排版这件事

2017-07-06 陈子木 字体排印排版设计

对比这10个注意事项，你的网页文字排版达标了么？

2017-06-26 陈子木 优秀网页设计排版布局

想让网页可读性更强？你得善用F式布局

2017-04-06 陈子木 排版布局经验分享

现在网页设计中图片有哪些常见的使用技巧？

2017-02-19 陈子木 优秀网页设计图库网站

你有被购买数字产品充值只能充整数坑过钱吗？

用户体验 猫耳FM

B站最新上线的「醒目留言」功能是什么？

设计逻辑 bilibili iOS

bilibili「小会员」彩蛋愚人节上线，你被B站绿了吗？

设计彩蛋 bilibili iOS

超酷的音乐App「乐趣」，连分享功能也独树一帜

好功能 乐趣 iOS

排版｜为长文进行排版设计有哪些讲究？

2016-11-29 陈子木 字体排版排版布局

实例教学！如何打造丰富而充满呼吸感的网页设计布局？

2016-09-12 程远 优秀网页设计排版布局

简单好用！腾讯ISUX出品的图片压缩软件

2016-08-23 程远 ISUX智图

绝对专业！超全面的UI界面字体选取与使用指南

2016-07-05 陈子木 ui设计字体排版

实时预览！帮你免费测试网站字型排版的Font Fit

2016-07-02 程远 字体排版字体效果

优设专栏！写给新人的中文字体设计基础与编排基础

2016-05-02 程远 中文排版入门

零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

2016-04-07 程远 web前端web前端开发

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

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

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

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

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

素材不够用？来看版式设计高手怎么解决这个难题(附案例)

2016-03-16 程远 排版布局排版技巧

最佳比例的秘密！教你如何在设计中充分运用黄金比例

2015-11-08 陈子木 排版布局版式布局

排版宝典！20个设计新手常犯的排版设计误区

2015-10-13 陈子木 字体排版排版布局

干净秀气！一组字体纤细版式清爽的优秀网站

2015-09-09 程远 优秀网页设计排版设计

青椒姑娘的设计课！从零开始教你学版式设计（六）

2015-06-30 程远 排版布局排版技巧

青椒姑娘的设计课！从零开始教你学版式设计（五）

2015-06-12 陈子木 排版布局排版技巧

青椒姑娘的设计课！从零开始教你学版式设计（四）

2015-06-03 程远 排版布局版式布局

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年4月03日 星期五

课件界面设计师面议

北京本科及以上3年以上

学而思网校

菜鸟-体验设计专家（国际化方向）25k-35k

杭州本科及以上5年以上

菜鸟

菜鸟-结构设计师25k-35k

杭州本科及以上5年以上

菜鸟

都是图标设计，总监和你有什么区别？

高效实战职场技能

不用买颜料也能画水彩！高手怎么做到的？

创意风格高效实战

菜单优设网 - UISDC

2017-07-29 程远经验分享网页排版

2017-07-06 陈子木字体排印排版设计

2017-06-26 陈子木优秀网页设计排版布局

2017-04-06 陈子木排版布局经验分享

2017-02-19 陈子木优秀网页设计图库网站

用户体验猫耳FM

好功能乐趣 iOS

2016-11-29 陈子木字体排版排版布局

2016-09-12 程远优秀网页设计排版布局

2016-08-23 程远 ISUX 智图

2016-07-02 程远字体排版字体效果

2016-05-02 程远中文排版入门

2016-04-07 程远 web前端 web前端开发

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

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

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

2016-03-16 程远排版布局排版技巧

2015-11-08 陈子木排版布局版式布局

2015-10-13 陈子木字体排版排版布局

2015-09-09 程远优秀网页设计排版设计

2015-06-30 程远排版布局排版技巧

2015-06-12 陈子木排版布局排版技巧

2015-06-03 程远排版布局版式布局

优设读报 2020年4月03日星期五

优设专题全部专题