第 50 期 优设零基础训练营招生中，教你精通熟练PS、AI、AE！ 报名戳>>>
@短腿僵尸木：网络上95％以上的信息是书面形式的。优化排版则是优化可读性，可访问性，可用性，整体图形平衡。
漂亮的字体排版总能为网站设计加分不少。别具一格的设计虽然精彩，但是更多的时候，沿着前人探索出来的设计规则来设计，会更加得心应手。
对于网页而言，视觉信息的传达至关重要。用户通过页面获取信息，文字、图片、图标、按钮、表单等UI元素都承载着不同类型的信息。
虽然网页排版方式千变万化，但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中，F式布局是可用性较强，且适用范围较广的一种。
图片在网页中所扮演的角色越来越重要。作为最常见也是最早使用的网页多媒体，图片对于网页设计师而言至关重要。
先撇开用户兴趣和碎片时间的争论，我们来聊聊较长的内容在网页设计中应当注意的问题吧。对于网站和APP而言，长内容，或者说长文，可能是内容策略中最有价值的一...
@飞屋睿UIdesign ：优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在约束内发生。要想让整个版式内容丰富又充...
编者按：今天安利两个神器，一个是@腾讯ISUX 团队新鲜开发的「智图」离线版，可以无损压缩图片，智能转换图片格式，在线生成webP格式图片等。一个是帮网页设计师做...
编者按：不论是UI设计师还是网页设计师，每天都在同字体与文本打交道，可是我们真的了解文本/字体 对于界面的意义和功能么?Viljami Salminen 今天就来帮你刨根问底，...
Font Fit 是一个免费网站测试工具，能够快速调整网页各部分的字型、大小、颜色及样式，实时更新显示于页面中，无须额外下载或安装软件。修改后能将修改结果汇出产...
编者按：本期干货来自优设的@EricJohnWilliams 同学，分享一些基础的中文字体设计/编排知识，全文通俗易懂不晦涩， 充实有料无水分，适合新人入门学习。「优...
Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百...
对于网页和APP而言，良好的排版不仅仅是摆上漂亮的字体就可以搞定的，高度的可读性和可识别性并不是简单的要求，视觉设计和内容风格也应当做好一致性。虽然这些...
编者按：做版式设计的同学，经常会遇到客户给的素材不够，信息不够，图太少，今天@南征南征 用工作中的一个实战案例，帮你用版式设计的方法解决这个难题，来收...
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单，它们的设计都遵循了黄金比例。
很多同学问设哥，为什么别人字体就那么随意放一下就辣么好看，其实排版可有大学问，不是随意放就好看。这就如同配色一样，也有千变万化的学问。
编者按：看到一组好字，如何用在网站上?今天这组网站不仅选择了合适的字体，版式设计也保持了清爽干净的风格，结合今天优设打包的23款顶尖字体，速度用起来!
@孙青椒- ：第六期：黄金分割与构图法（下）!此篇为黄金分割与构图法的结课篇，依旧有理论有对比有案例分析，保证通俗易懂有料有趣无压力，最后一餐，务必吃饱...
@孙青椒- ：第五期：黄金分割与构图法（中下）!为什么是“中下”呢，因为内容太多。
@孙青椒- ：上节课后很多同学表示已被黄金分割搞疯，没关系，今天咱们不讲数学，也不画图纸，就来学一下黄金分割在版面设计中的具体应用 >>> 第一期：《青...
很有帮助，支持作者，希望继续发
小组件不是应该系统出厂时就已经内置好了吗？那怕是进行组件配置更换模板，也是设计好了才出厂的，怎么会有不能保证效果的说法...
蓝色背景和红色跑道的颜色有点不协调，整体很到位，很有冲击力，大大总结的真好很有用！
图标感觉应该根据性质来考虑是否使用一致的样式吧，比如功能性图标和装饰性图标不一定用同一种类型的的吧
Moo的出发点应该是小而美的产品，音乐播放器是从物品中的随身听walkman中演变而来的，用户潜意识中最早的播放器形式应该是苹果公司...
很有帮助，支持作者，希望继续发