研究表明,那些优秀的原型设计都具备这5个特征

在设计PC端页面的时候,根据栅格系统的设计原则,从横向上将页面切分为24个方块,这样便于界面的布局,无论是两等份、三等份、四等分、六等分都可以满足设计要求。每个版块之间的间隙一般为6px、8px、10px、12px、14px,无论选择什么样的间隙尺寸,都要注意每个版块之间的留白间隙要保持相等。无论是设计移动端页面,还...

说文解字(三):文字的易读性

在印刷物中,我们推荐正文为9pt的字号;在web设计中,1920px分辨率下,12px的字号为最小字号;而在移动端设计中,小字一般为20px。当然,以上都不是规定必须得这样设定,只是在经验的总结下得出的结论。byRyanEvanDavisbyEugeneParyhin三、边界“边界”也就是我们所理解的左右留白,这些留白不仅能帮助阅读,也...

雅黑 正黑?中日ClearType中文字体PK

·vista中文正文字体比较:15px

总结30个UI设计细节,看多少遍都不过分

当涉及到设置一般段落的字体大小时,理想的大小是16px。这种字体大小在易读性和可读性之间取得了平衡。16px是各种设备和平台上常用的字体大小。9.按钮的填充大小垂直边距是水平边距的2倍时,看起来更完美。在上面的例子中,按钮有12px的垂直填充(顶部,底部)和24px的水平填充(右侧,左侧)。这个按钮看起来就是...

一文搞定UI设计间距那点事!【进阶篇】

比如在Sketch软件中42号字的苹方字体默认行高是59,但是iOS开发软件中默认是52。如果开发不手动调整字的行高,就会出现与设计的偏差。根据我的调研,iOS开发工程师,若不是特殊情况,基本不会去改默认行高参数。下面我们列举一下,设计常用苹方字号的默认行高,与iOS开发默认行高的数值对比,从中找一下规律。

老龄化产品设计(二):老年人产品的颜色、图像、排版、交互、导航设计

在AntDesign设计语言中有讲到确认最小字体的方法,通过肉眼到物体之间的距离、物体的高度以及人的最小可接受视角,构成一个三角函数关系(www.e993.com)2024年11月20日。ANSI/HFS认为:对于普通用户,最小视角0.3度时的阅读效率最好,一般眼睛距离电脑屏幕为50cm,根据三角函数公式能算出合适的字高。对于不同PPI的屏幕可以通过两轮换算(cm到inch,inch...

【UI设计】一文搞定UI设计间距那点事!【进阶篇】

比如在Sketch软件中42号字的苹方字体默认行高是59,但是iOS开发软件中默认是52。如果开发不手动调整字的行高,就会出现与设计的偏差。根据我的调研,iOS开发工程师,若不是特殊情况,基本不会去改默认行高参数。下面我们列举一下,设计常用苹方字号的默认行高,与iOS开发默认行高的数值对比,从中找一下规律。

如何搭建 B 端设计规范|栅格|控制台_网易订阅

我喜欢用第一种,就是字号大小+8px作为行高的规范。行高是不可被忽略的重要细节之一,因为在算间距的时候,行高是要被算进去的。3)字重字重有很多,但是在真正的产品使用中,字重尽量不要太多种,2~3种即可。4)字体颜色字体颜色数量建议在3~4个,不宜过多,但是每个层级之间区分要大一些。