IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

让网页设计有规律可循

5173 UED Blog 2011-03-06 22:50:10 累计浏览 3,390 次
本机暂存

    随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势。这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星。

    我们可以来找找这些网站的设计是否有规律可循。

    通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品。

    可以从几个方面来分析

    色彩

    Amoderneden

    原图已失效

    从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务。

    Paraply

    原图已失效

    他们为用户的当前位置提供降雨预报服务。忧郁的蓝色预示着雨雪的降临,与雨伞保护感强烈的红色相对比显得相得益彰。

    MailChimp

    原图已失效

    他们专门为客户公司提供强大的电子邮件营销服务。鲜亮的色彩预示这是家充满激情活力的公司。

    色彩的应用组合预示了这些信息。

    原图已失效

    布局

    原图已失效

    一般访客的视线会从页面的左上角的开始,扫视网站的顶部(Logo,导航)

    接着他们目光向下移动,读下一个区域…该产品的模拟截图和简单的文字介绍,通过这块漂亮的展示区域,他们才开始对网站有了初步的印象。

    访客看到产品的模拟展示后,他们就可以想象实际应用的情景。如果能够让潜在客户想象使用产品的情形,你就已经开始勾起他们的购买欲望了。

    更重要的是,这类图片不仅仅是会吸引访客,他还传递给访客易于使用的信息。

    如果你为访客描绘了一副栩栩如生的画面,让用户觉得使用你的产品可以受益很多,那么他们的购买欲望就会膨胀起来。

    原图已失效

    最后,当用户做决定的时候,视线就自然的落在了按钮上,引导他们立即购买或注册产品。

    可以举些例子

    LemonStand

    原图已失效

    Opera

    原图已失效

    Zendesk

    原图已失效

    百度快搜

    原图已失效

    按钮

    操作按钮要做的灰常之醒目可点击极强,这是必须的。

    看看下面这些按钮实例:

    原图已失效

    功能点

    如果可以,在页面下半部分使用一些图标和短标题来把产品的一些功能点罗列出来,简明易懂就行。

    原图已失效

    网站的设计应该为它的目标服务。当然,网站的外观也很重要,它决定了访客的第一印象,但是同样重要的是,不要为了设计而让网站走入歧途,美学上的好看并不能提升网站的表现力。因此,你需要确定设计策略都是由网站的目标和计划驱动的。

    部分资料参考源自

同分类推荐文章

  1. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 十个最容易犯的用户体验错误及规避方案 (累计阅读 79,499)
  2. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  3. 越简单越丰富――极简网页设计视觉呈现技巧 (累计阅读 11,599)
  4. 看看各个网站的404错误处理 (累计阅读 10,208)
  5. 为什么现在那么多人应聘产品经理岗位? (累计阅读 8,354)
  6. 30个超棒的404错误页面 (累计阅读 7,301)
  7. Android用户界面设计:表格布局 (累计阅读 6,186)
  8. 可用性测试的权衡之道(二) (累计阅读 5,845)
  9. 简单的全系列浏览器css hack (累计阅读 5,680)
  10. “预注册”是一把金钥匙 (累计阅读 5,677)