|
Post by account_disabled on Dec 1, 2023 20:33:57 GMT -8
您的内容是您试图告诉观众的故事。 列出您要转发的邮件的优先顺序。了解这些想法如何从一个想法流向另一个想法。围绕内容进行设计,并围绕您的组织进行导航。线性路径可以让人们与您的网站保持互动,并产生更好的转化率(只要消息本身与您的受众产生共鸣)。 仅使用您需要的单词 响应式网站设计 台式电脑提供更多文本。但这并不总是一件好事。 使用移动设备,您必须在较小的屏幕范围内工作。这意味着更经济地写作,帮助每个单词推动你的故事向前发展。 如果您从桌面站点导入文章,则可能需要进行一些编辑。连接文本,使用项目符号和其他结构手段,并尽可能简化行与行之间的关系。 排版在小屏幕上将更加重要 响应式网站设计 请务必缩放字体大小、行高和宽度,以最适合不同的屏幕尺寸。 您不需要去看眼科医生就知道任何屏幕上的小字体都难以阅读。 使用较大的字体可以显着提高可读性。因此,对于正文,请使用 16 像素范围内的内容,并根据字体的设计向上或向下调整。(我们仍然建议使用 em,但从 1 到 1.25。) 确保使用清晰的字体,这对于导航标签等重要文本尤其重要。没有人会想在菜单上看到脚本字体。 在较小的屏幕上,字母间距也是一个因素。确保行高设置为适当的值。太多的文字会让你漂浮在空中,太少的文 电话号码清单 字会让你看到文字像新鲜出炉的煎饼一样堆积起来。 通常 1.25 到 1.5 范围内的字体效果很好,但各个字体有所不同。 在整个设计过程中,在不同设备上检查文本,了解行高将如何影响文本的呈现。 在考虑移动设备的设计时,请记住,大字体可以将您希望用户进一步阅读的重要内容推送到页面上。 考虑工具集中的任何其他设计方法来增加区别:更改字体粗细、使用全部大写字母或全部小写字母, 或者使用颜色将内容部分与页面上的其他元素分开。 处理负空间 创建响应式网站设计时,您要小心谨慎。是的,您希望对内容和导航采取简约的方法,但您也不想遗漏任何重要的内容。 您应该在设计中使用负空间(又称空白)来创建中断并突出显示您不希望任何人错过的内容区域。 变通 几年前,当灵活的布局几乎成为网站的“奢侈品”时,设计中唯一灵活的就是布局列(结构元素)和文本。图像可以很容易地破坏布局,甚至灵活的结构元素在用力推动时也会破坏布局的形式。灵活的设计并不那么灵活;它们可能会增加或减少几百个像素,但它们通常无法在上网本上容纳大型计算机屏幕。 现在我们可以让事情变得更加灵活。
|
|