实际案例分享 如何让网页设计有规律可循

  

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

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

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

  可以从几个方面来分析

  色彩

  Amoderneden

  

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

  Paraply

  

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

  MailChimp

  

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

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

  

  布局

  

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

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

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

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

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

  

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

  可以举些例子

  LemonStand

  

  Opera

  

  Zendesk

  

  百度快搜

  

  按钮

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

  看看下面这些按钮实例:

  

  功能点

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

  

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

  部分资料参考源自http://webdesign.tutsplus.com/

  (本文出自5173 UED Blog,转载时请注明出处)

时间: 2024-10-23 13:53:19

实际案例分享 如何让网页设计有规律可循的相关文章

网站设计为目标服务让网页设计有规律可循

文章描述:让网页设计有规律可循. 随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势.这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星. 我们可以来找找这些网站的设计是否有规律可循. 通常一个网站,都会有许多目标需要完成,而像应用服务或程序类网站其最主要的目标就是吸引访客去购买或者注册他们的产品. 可以从几个方面来分析 色彩 Amoderneden 从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务. Paraply 他们为用户的当前位

如何让网页设计有规律可循

  随着开放平台日益增多,衍生出来的各类应用服务也就呈不断增长的趋势.这些应用服务的站点设计也可谓是五彩斑斓,灿若繁星.我们可以来找找这些网站的设计是否有规律可循. 可以从几个方面来分析: 色彩 Amoderneden 从它的整体色彩配图元素构建等不难看出,这是一个关于儿童教育有关的网站,推的就是寓教于乐的产品服务. Paraply 他们为用户的当前位置提供降雨预报服务.忧郁的蓝色预示着雨雪的降临,与雨伞保护感强烈的红色相对比显得相得益彰. MailChimp 他们专门为客户公司提供强大的电子邮

网页设计案例分享:黑色风格网页实际案例

文章描述:不走寻常路:22款"暗黑系"的网页设计分享. 自从iOS 7推出后,便掀起了扁平化加色彩明亮的设计风潮.如今,色彩明亮的扁平化设计已填满了我们的生活,大家是否有些审美疲劳了呢?在扁平风潮下,依旧有些特立独行的设计师们坚持走自己的路,在他们的作品中采用的多是较为柔和的配色方案,使用的色彩也都趋于深色系!     虽然如今"暗黑系"并非大势,但他们的作品依旧充满了另类的吸引力.在黑与白的交错中,扑捉那份独特的情感体验!下面为大家介绍20款"暗黑系&q

网页设计资源分享:优秀的网页设计资源下载

文章描述:优秀设计资源. 字体 Adobe建设的字体站点:用户可以浏览购买字体,筛选字体的交互采用了目前流行的实施自然过渡,是一个非常优秀的模板案例. https://typekit.com/fonts 优秀案例 F-i的设计案例赏析--HTC全球站点解决方案: 网站介绍了HTC全球站点的设计项目,包括概念比稿.用户研究.信息框架.视觉设计等多个设计维度.是不可多得的完整解决方案. http://www.f-i.com/htc/global/ 交互 交互线框模板-iPhone.iPad iPho

WEBJX收集国外分享视频类的网页设计案例

文章描述:视频在网页设计中的20个应用例子. 视频一直被视为一种最具力量和效果的视觉沟通工具,它能够向广大的观众传达直接而清晰的信息,用一个在视觉上具有感染力的视频来介绍产品.服务或者品牌在网页设计中正逐渐变得流行.在本文中,将分享视频在网页设计中的20个应用例子,希望能给设计者们带来创作的灵感. Vimeo Sevenly Nest Paper Pocket Letter Learner [1] [2] [3]  下一页

2015网页设计七大杀手锏

  回顾2014年网页设计领域,我们可以看到一些非常值得关注的趋势:无代码网页设计平台.视差滚动.单屏网页设计等等.虽然很多新潮设计不会持续很长时间,但还是会有少部分会自然演变为网页设计的主流.尤其是随着网页浏览设备的不断更新换代(电脑.平板.手机等),网页设计师必须接受新的变化,并且为这些变化不断修改更新网页,以此带来更佳的网页浏览体验. 为了探索未来2015年的网页设计趋势,本期国外精品翻译教程就和大家分享国外专业网页设计平台Webydo眼中的2015年网页设计趋势中的七大杀手锏. 1.网页

网页设计参考:120个优秀的水平导航设计

网页制作Webjx文章简介:优秀的网页导航设计案例欣赏. 导航是网页设计的重点,我们在设计一个网站的时候,常常从导航入手,不夸张的说,导航的设计甚至决定了整个网站的风格.这就需要我们平常多留心收集优秀的案例,在需要的时候才能手到擒来.在前文中我们已经为大家介绍了120个优秀的水平导航设计,今天我们汇总了更多优秀的导航设计案例,千万不要错过哦! 1.三维导航设计: 网站导航已经不满足于常见的平面化设计,越来越多的网站喜欢用立体感强的三维导航.折纸是最常用的表现形式. Delibar Blue Do

再见 差不多先生 谈网页设计如何精益求精

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 关于差不多先生 你知道中国最有名的人是谁? 提起此人,人人皆晓,处处闻名.他姓差,名不多,是各省各县各村人氏. 差不多先生常说:"凡事只要差不多,就好了.何必太精明呢?" 他小的时候,他妈叫他去买红糖,他买了白糖回来.他妈骂他,他摇摇头说:"红糖白糖不是差不多吗?" 他在学堂的时候,先生问他:"

网页设计:20个值得关注的作品集网站案例

作品是展示个人才能的最佳方式,像设计,摄影这些创造性的职业特别需要有个人作品集网站,让你以个性方式展示自我并呈现你的作品给读者和潜在的客户.同时,这些网站中汇集的优秀设计作品和教程也是其它人获取灵感的很好的来源.今天,本文与大家分享20个制作精美的作品集网站案例,希望能带给你灵感. 01. Web Craftman 02. Nick Jones 03. Peter Solowski 04. Roxannecook 05. Frederic Christian 06. Arun 07. Made