美文网首页@农家小男人翻译新媒体运营
布局还是内容,谁更优先?

布局还是内容,谁更优先?

作者: 定Ding | 来源:发表于2015-11-25 10:44 被阅读706次

原作者:SUSAN FARRELL

译者:励定洲

如果你要开始准备网站的重设计且手头恰好有一堆文字图片的话,内容优先的战略肯定是没错的。当你力图让新网站能在小屏幕上有不错的体验时,最好基于那些按照用户需求优化后的内容采用渐进增强原则及响应式设计。然而在大公司里,细致的分工往往意味着布局会在还没拿到确切内容的情况下(比如文案还没有准备好,或者内容校审正在并行工作)就着手进行设计。

不幸的是,当把文字和其容器(译者注:container,布局的主要构成部分,用来包裹文字图片等内容,下文中都会称为“容器”;比如在画线框图时:这个“容器”是用来放文章标题的,那个“容器”是用来放一张图片和一段注释的)结合之时很可能会出现意料之外的结果,这将导致高成本的重复工作亦或是无奈裁剪内容以适配布局等。为了避免这些常见的问题,最好是让内容和布局能彼此针对性地进行设计。

当这类关于占位符和内容冗余的问题出现时,请尽最大可能对模板进行调整:如果和模板不一致而出现空白的标题,那么完全可以对该处进行合并。如果这都对你没帮助,那么就请考虑使用一个可自行增减标题数量的新模板。

避免滥用占位符,尤其是在使用现成平台时,请务必根据需求来自行调整。

适配问题

当内容尺寸不适应所处容器时,适配问题应运而生,常见的该类问题包括:

1 布局无法很好地适应导航元素增多,这意味着导航元素很可能会破坏页面的布局,亦或者就用模板的那一套,它有几个导航按键我们就有几个,多一个也不成;

2 内容相对于其指派的容器来说太大或太小,产生视觉障碍;

3 图片在某些时候不得已被缩得很小;

很多人用翻译引擎来阅读网页。你也可以使用像Google Translator这样的软件来看看你的排版是否对全球用户的口味。

结语

正如我所言,要想让内容类型和尺寸适应所有的布局显然是不可能的,尤其我们还要留意未来的无限可能,然而你至少应该思考在几年内都可持续的实用和可用的布局。在设计中对布局的精心调试将会节省大量统版(根据印刷核算版面)的时间及重设计的投入。

相关文章

  • 布局还是内容,谁更优先?

    原作者:SUSAN FARRELL 译者:励定洲 如果你要开始准备网站的重设计且手头恰好有一堆文字图片的话,内容优...

  • AutoLayout

    session1 水平方向布局 内容不够时 label 优先被压缩,内容充足时label优先被拉伸 垂直方向布局...

  • 圣杯布局和双飞翼布局

    相同点:都是固-弹性-固的布局方式;中间弹性布局的内容优先加载。 圣杯布局通过外层容器的padding以及内层左右...

  • 圣杯布局

    圣杯布局 要求:三列布局;中间宽度自适应,两边内容定宽。 好处:重要的内容放在文档流前面可以优先渲染 原理:利用相...

  • 【第32天】移动设计的8大原则(上)

    1、内容优先 界面布局以内容为核心,提供符合用户期望的内容。 以用户熟悉的维度来重组内容 内容清晰具体,是用户真实...

  • CSS常用布局实现05-圣杯布局和双飞翼布局

    1. 简介 其实对于三列布局的实现,之前网上使用最多的还是这两种。它们有一个共同的优点,就是可以使主内容优先加载。...

  • Android 浅谈性能优化、内存泄漏处理

    1 布局优化 尽量减少布局文件的层级 简单布局优先考虑用 Framelayout 和 LinearLayout ...

  • 移动设计的七原则

    一、内容优先 对于手机而言,屏幕空间资源显得非常珍贵,为了提升屏幕空间的利用率,界面的布局应该以内容为核心,而提供...

  • Android布局优化技巧

    一.总体原则:减少布局层次,加快渲染速度 当线性布局LinearLayout和相对布局都能使用时,优先使用线性布局...

  • Xib使用之内容优先级布局

    Content Hugging Priority:hugging(拥抱),就是内容压缩优先级。 Content C...

网友评论

本文标题:布局还是内容,谁更优先?

本文链接:https://www.haomeiwen.com/subject/tqvkhttx.html