这种设计看起来胖吗
这种设计看起来胖吗 没有什么能破坏一个不合适的设计布局。无论是太大(或太小),不适当的规模是一个大问题。这是一个问题,也许比你想象的太常更多的设计你访问了一个网站类型,它提供了一个精致的桌面浏览器,只是从手机上重新检查它,很难阅读。当事情发生的时候。问题是,这个模型并不是针对每个设备的。当您考虑打印比例项目时,这是一个完全可以避免的问题。
印刷的规模是多少 视觉印刷包装尺寸的比例,类型元素相对于另一个项目的空间和比例。这包括从主要文体新闻,旗帜,字幕和其他文本元素的一切。
深圳关键词优化
深圳生产网站
缩放有助于确定文本元素相对于其他元素的大小和位置。对于网页设计,尤其是视觉比例,它通常对应于CSS标记(例如H1、H2、H3、p等)。一个和谐的节奏,帮助你创造规模设计。它还可以让你摆脱风格上的麻烦,因为文本元素对应于CSS元素,设计的每个部分使用相同的元素和一致性。大小应基于文本的文本大小(始终先设置字体和大小)。然后围绕主字体构建比例。不知道从哪里开始谷歌有一个可靠的建议:
使用16像素的CSS基本字体大小。根据使用情况调整字体属性的大小。使用相对于基本尺寸的尺寸来确定比例。文本需要字符之间的垂直间距;通常建议使用1.2浏览器设置默认行高,并限制用于打印的字体的数量和比例。
创造和谐的节奏,不仅是帮助用户通过手机进行复制,更是创造出文字流的和谐与节奏。这对任何设备都很重要。那你从哪里开始呢
UX问题在** 小文本大小的设备上有一些** 好的研究。请注意,这些文字的** 小尺寸和正文尺寸不断增大(如行距),应考虑较大的尺寸StevenHoober,建议开始时至少比建议值高40%。此外,增强的内容样式可以达到80%以上,但您也应该谨慎处理过大的内容。设备类型建议** 小尺寸40%(易于调整和使用)** 大尺寸80%(易于调整和使用)小型手机4 5.6(6)7.2(7.5)大型手机6 8.4(8.5)10.8(11)平板电脑7 9.8(10)12.6(13)平板电脑8 11.2(11.5)14.4(14.5)笔记本电脑/台式电脑10 14(14)18(18)
设置正文文本大小后,可以决定如何支持文本元素大小。是的,眼睛测试的艺术通常是一个好的开始。
几乎没有这样一件事作为一个整体,太大了。在比例空间中说出你想说的和你想说的。即使文本大小相同,两行标题也会感觉不止一行。
放大标题和其他较大测试元素的** 简单方法是基于文本的百分比。而且每个设计师都有不同的出发点,250%的文字比标题大,非常好的球场;对于H2为150%,对于块参照H3等元素为50%,对于75%(这是不规则的,只是一个起点)
这就是为什么百分比(而不是设置大小)很重要:一旦调整了体型的比例,所以不管屏幕大小如何。每个元素都与主体形状相关。
字符间距标准
还有一些其他的指南供设计师在屏幕上观看。在间距方面,一个经验法则是查看每一行文本,以确保可读性。
台式机和大型设备:每行移动设备和小型设备60 75个字符:每行35 40个字符
值得注意的是,在较小的屏幕上,可读性基于字符数较少(文本较大)。
同样的想法也适用于间距。当屏幕大小有限时,您需要在文本行之间留出更多的空间,这样用户就更容易阅读和浏览内容。考虑添加比桌面排版小25%的行距设备。
额外的尺寸和间距有助于缓解用户在较小设备上阅读时所感受到的紧张感或紧绷感。由于画布很小,所以可读性和可读性对于保持用户滚动是必不可少的。
提示首先要有很多方法来创建打印比例,并确保文本不会使您的设计看起来很胖。您如何了解它可能取决于您的舒适程度,除了规范和开发设计。
** 简单的方法是从网站主题开始。只需确保选择完整响应选项。当你使用高质量的响应主题时,大部分的猜测都是出自你。你真的想要正文的大小。只要确保所有的移动尺寸都符合您的标准。
3创建类型比例的工具
有一些工具可以帮助您查看可视化布局表的确切影响。这里有一些** 好的和** 人道的选择。
样式比例:在屏幕右侧输入文本和播放大小、缩放和字体等选项;研究生CSS或代码编辑工具;规模:工程规模如规则确定大小;然后下载萨斯或js插件的结果,或在屏幕上看到这些插件;金光比字体计算器:工具优化大小、线高、每行黄金比率宽度和特征
结论正确的印花尺寸将使您的设计保持苗条。这意味着用户可能不理解它,但它有助于整体可读性和可用性。如果设计不正确,它可能是规模ldquo;不合适的类型很难做到,但通常是一个地方,当设计的某些东西是不平衡的。玩几个不同规模的解决方案,解决以前的事情,记住现在的趋势比过去大一点。