2019-07-21 分类: 响应式网站
多年来,网站设计排版取得了很大的进步,但是我们还有很多可以改进的地方。
段落宽度:现在网站上的主要问题是段落长度过长。大宽度:40em是使文本更具可读性的基本准则。
字距调整:可用于拉紧/松开字体。连字:可以组合字母以使其更易读。文本呈现:optimizeLegibility是解决这两个问题的一行代码,它将立即改善网站设计上的排版。
亚像素字体字母有时会堵塞字母,尤其是在OSX上。webkit-font-smoothing:抗锯齿;不要在小字体上使用它。
如果每个人都掌握了这三个技巧,网站设计就会更好。
媒体查询中缺少物理分辨率。原始规格具有像素和屏幕的物理尺寸。
现在的规范工作方式基于96dpi的假设。如果更改,那么许多已经构建的东西都会崩溃。
您如何解决网站设计上的物理大小问题?
在Windows 10中,您可以查询屏幕的原始DPI(物理尺寸),但这只能由本机应用程序查询。
当您具有每个屏幕的物理分辨率时,可以在不同大小的屏幕上以相同的大小呈现字体。
如果知道可视距离,屏幕的物理尺寸,则可以确定字体的感知尺寸。
大小计算器是可以帮助您确定从远处观看的元素的感知大小的工具。
当瞄准不同的视口时,观看距离很重要。目前尚无法确定。
有一个媒体查询可以告诉您是否已投影,但是似乎不支持。
应为特定目的制作字体:例如低质量的纸张和低分辨率的屏幕。
字体家族中的同级字体可以解决诸如网站设计上的小字体(最小9像素)之类的情况。
具有许多宽度和粗细的大型字体家族为网站设计提供了很多灵活性,而只有少数几种样式无法做到。它增加了它们的表达范围。
Sitka是为Microsoft Word设计的一个新的字体家族,具有多个光学尺寸母版。它会根据您使用的字体大小自动更改,例如:标题,显示,横幅等。
在网站设计中,很多事情是动态,流畅地完成的。但是,类型有一个“玻璃地板”:没有加载完整的字体文件,就无法调整层次结构。更改宽度或粗细需要全新的字体。
可变字体格式:将提供更多的系统而不是一组字体文件。插值权重将减少文件大小,下载时间等。
目前,我们只能使用“检测并提供”功能:了解屏幕尺寸并加载适当的字体。
字体到宽度使用大字体系列将文本片段紧紧地容纳在它们的容器中。
各种各样的字体样式适合于响应式设计,因为您可以交换样式以使其适合变量。
当前名称:响应式网站设计排版的未来是什么
文章位置:https://www.cdcxhl.com/news/80136.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有响应式网站等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容