了解界面设计

简说界面设计

界面设计是什么?

  • 这里主要提到的是网页界面设计,在网页上实现的用户界面,用户在浏览页面时会受界面设计的影响。不同的排版设计会对用户的浏览产生一定的影响,为了用户可以轻松浏览网站,应该站在用户的角度来实现排版布局。

设计的基本内容

标题

  • 标题的设置在很大程度上决定了网页的整体。标题简洁又能突出重点,不显得繁琐又能吸引读者。
  • 可以在标题处设置页头图片,但是要注意图片和文字的对比度,不能影响阅读。

排版

  • 排版决定了一个网页的好坏,追求简洁。要有主色调。文字的能见度要高,使用温和的颜色不会觉得刺眼的。

文字

  • 如果文字太多的话应该把主要的标题等突出,次要内容尽可能降低存在感。推荐使用点击访问。
  • 字体种类尽可能少,也不要使用太花哨的字形。界面设计不是制作图画,应选择使用户容易阅读的字形。
  • 关于衬线体和无衬线体:
    标题应使用无衬线字体(sans-serif),内文使用衬线字体(serif)。

图片

在网页中加入图片和文字结合产生更好的阅读效果。应先确定好网页风格主题,再考虑是要文字配合图片,还是图片配合文字。要注意图片和网页的风格是否对应。

导航

导航也是很重要的一个部分,恰当的分类能让用户更好地查询到想要的信息。同时其布局也很重要。


image.png

以下部分来源于[Web Style Guide]


train.jpg
  • 无死胡同页(No dead-end pages):用户可以直接创建或跟踪链接到深埋在网站层次结构中的子网页。
    直接访问(Direct access):用户希望以尽可能少的步骤获取信息。
  • 简洁和一致性(Simplicity and consistency):用户不喜欢复杂的界面,以及喜欢准确和及时的信息。
  • 完整和稳定性(Design integrity and stability):说服用户所提供的内容是准确可靠的。
  • 反馈和对话框(Feedback and dialog):回应用户的查询和评论。
  • 带宽和交互(Bandwidth and interaction):用户不会容忍长时间的延迟。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,033评论 3 119
  • 对于一个现金账户系统,首先要解决的是如何记账,把账记在哪里,账户如何存储等。例如,你在中国银行存款,中国银行为你开...
    朝云闻清阅读 1,305评论 0 0
  • 昨天在一家看起来高大上的健身馆里应聘兼职瑜伽教练,填写表格中,一拦是工作经历,我犹豫了一下,是该如实回答还...
    张柏杉阅读 333评论 0 0