如何设计网站

设计一个优秀的网站可能看起来像一个巨大的挑战,但只要遵循设计的基本要素,你就会发现这个过程很有趣而且令人愉快。这不仅仅是听起来很好!我们将会说明进行设计的基本要素和一些一般性的指导方针,以帮助你设计有用户粘性的网站。

3个基本规则

  • 01

    规则1:倾听你的客户。你可以设计一个“有史以来世界上最好的网站”,具有丰富的黑色精细字体、大胆的有艺术色彩的网站,仿佛在召唤“现在就来浏览我吧!”。很不幸,你的客户想要的却是具有大块粉色和橙色这种风格的菜单条。你被解雇了,你有史以来最好的网站,再也没有机会面对用户,客户会把它们搁置在他们的备份硬盘里。 研究客户的企业形象。有客户会告诉你一些他们真正喜欢的网站。这不仅会提示你迎合他们的想法,它也会给你一些自己未想到的设计灵感。 如果你以为橙色和粉色的网站是在开玩笑,试想一下这个有史以来最酷的网站如何推动它们的产品:

  • 02

    规则2:了解你的用户正在寻找什么,并进行相应的设计。人们建立自己网站的原因是希望其他人看到他们。这个网站可能用来提供信息,有商业用途,或者供特定受众娱乐。作为设计师,你要知道在为谁设计网站,并让他们打开你的网站后就一直待在上面。 你可能会认为,“如果网站看起来很漂亮,用户就会留下来。”,其实这不一定。让我们看看房地产的例子。这里是一个网站,具有整洁,有趣的设计。它有大量的开放式的白色空间,大胆的色彩和一个强烈现代感的宽屏格式,超链也被突出显示了: 现在想想如果用这种做法在同一位置销售不动产的效果:页面凌乱,花哨的颜色,大量的广告。 想一想哪个网站可以更好地为人们寻找家园呢?没错,就是把“家”罗列出来供人浏览的那个!当人们正在搜索“圣莫尼卡待售房产”时,他们并不关心网站的美学。他们不想了解房地产经纪人,或是看到漂亮的城市景色图片。他们想看的就是房产。

  • 03

    规则3:倾听自己。你了解客户喜欢什么,你知道市场需要什么。现在是时候关注你自己,网站的设计者! 就你的选择在绘图软件中建立一个模板。在不同的层(这样做可以后续再修改而不破坏整体的模板)上创建页面元素。这些因素可能包括: 页头。它将在网站的每个页面上共用。组成页头的包括网站的名称和标志,以及到其他下级网页(比如关于、联系人等)的链接。不管是视觉上还是实际操作,页头都会把网站的各部分整合起来。把菜单栏上的第一个按钮设置为返回主页也是很好的做法。 让我们来看看苹果公司的网站,如下: 与大多数苹果产品一样,他们的首页设计得非常干净、整洁。注意横穿网页顶部的菜单栏,每个按钮都有与内容相符的标题,还有一个搜索框,如果你的网站也支持,就能很友好地到达各个所需的网页。现在,让我们来看看iPad按钮对应的页面,有几个页面元素: 菜单栏的变化只是将iPad按钮变暗。 页面的主题在左上角以黑色大字体显示。 出现了一个新的子菜单栏,这样使用户可以了解更多关于产品的信息。如果点击那些子菜单,你会看到每一页都会提供新的主题相关的内容,但在布局和设计风格上都是统一的。 可能你的网站上,会有菜单栏主标题下包含多级子标题的情况。你可以考虑不用二级菜单栏,而使用弹出菜单的方式,例如下面这个音乐家之友网站: 边栏。这种设计在网站上很常见,但不一定所有网站都需要, 记住--内容为王。但它也是一个非常重要的元素,需要精心设计,以保证直观,避免不必要的混乱。不像菜单栏,边栏的内容可以是动态的。考虑下面两个边栏,它们来自房地产营销网站Trulia,首先是给买家的: 第二个是给租客的。请注意它们有非常类似的信息,但是关注点完全不同,并且这些关注点都显示在边栏的相同位置: 页面主体。这是网站的主要部分,也是你的设计中变化最多的部分。如果你正在设计一个电子商务网站,可能某个页面上会进行产品的展示,还有二十个待售项。你的工作是把这两部分整合在一起,使他们不显得杂乱。你可以使用相似的颜色,字体和界面元素把它们融合在一起。 页脚。这部分并非每个网站都有或需要。它经常用来整理杂项,或是集中网站中非焦点的部分以供访问。如下是一个来自Groupon网站的例子:

方针

  • 01

    践行良好的用户界面设计。定位网站的各种元素,如标题,边栏,标志,图形和文字,把它们放置在每一页的同一个位置上,这样会让你的网站很直观且导航性良好。 在每一页的顶部保持相同的页头。无论你的网站内容本身是否有很多重复的元素,都必须确保每一页都有统一的页头。 使你的设计保持逻辑性。应当保证一个页面上的元素按照重要性或主题有逻辑地排列;网站的各个页面也都要这样做。

  • 02

    建立一致的风格。统一的布局能够给网站带来结构上的一致性,统一的风格带给网站的则是主题的和谐一致。 坚持使用两个或三个主色调,并确保他们协调统一。 避免使用太多的字体样式或尺寸,如果你打算交替使用几种不同的设置,就要确保在每一页上以同样的方式使用它们。 使用层叠样式表(CSS)来管理统一的风格,它也使修改整个网站的元素更加容易,不必再去每一个页面修改了。

  • 03

    使可读性最大化。为了让文字更容易阅读,需要把它们分解成较小的几部分。 使用小标题和适当的间距以使各部分分开。 使用粗体或不同尺寸的字体,这样可以显示主题的层次结构和重要性。 注重文本处理。不要使字体太小,并扩大行距,使大块的文本更具可读性。大块的文本更难阅读,所以最好把它们分解成小段落。

  • 04

    使你的网站具有普遍的可读性。使用标准的HTML,避免使用只适用于某个品牌或浏览器版本的标签、功能和插件。 尽管大部分当代的浏览器和电脑都可以处理复杂的图像,如果能保持图片具有较小的尺寸并为网络做过优化,也会加快对这些网页的访问。在质量和速度之间要进行平衡。

  • 05

    测试你的网站。确保每一部分运行正常,图像显示正确。 你也可以实施一些可用性测试:请一些目标受众成员测试网站的清晰度和易用性,并在网站上进行反馈。

  • 06

    发布您的网站。如果你还没有做,就需要先买一个域名。定期检查链接,以确保它们仍然存在,并浏览网站访问者通过电子邮件发送的建议。

(0)

相关推荐

  • SharePoint Designer怎么设计网站?

    在建设网站的时候,怎么项目化设计网站呢?下面我们就来看看SharePoint Designer软件设计网站的教程,请看下文详细介绍. 一.网络网站相关术语 Internet,中文名为因特网,它将全球范 ...

  • 21个专业的工业设计网站欣赏!

    经常有人会问学工业设计的,可以上哪些网站?今天就把知晓的一些很不错的网站推荐给大家,主要侧重工业设计方面的.这些网站包括设计类社区.概念产品网站.创意品资讯平台.工业设计公司.工业设计赛事.新兴的产品 ...

  • 哪些设计网站比较好

    在设计网站内,设计师们可以互相交流创意,交流各自的想法,通过思想碰撞可以产生更多的创意火花.那么有哪些设计网站比较好呢? 操作方法 01 站酷网:站酷网是汇聚了众多国内设计师的平台,它应该可以算是国内 ...

  • 在响应式设计时代中我们应如何设计网站

    在响应式设计时代中我们应如何设计网站,随着各种屏幕尺寸设备的兴起以及交互方式的多样性,之前采用的网站设计方法已不再适用.我们需要更新设计方法,更新设计观念,更新设计工具.该文从分析Web发生了哪些变化 ...

  • Axure RP 8怎么设计网站用户信息界面?

    一般网站注册用户的时候都会有用户信息,怎么做一个用户信息提交界面呢?下面我们就来看看详细的教程. 1.找到Axure RP 8设计软件快捷方式,双击打开该软件,默认显示四个界面,如下图所示: 2.由软 ...

  • 8个手机端优先设计网站案例赏析

    2011年,LukeWroblewski大神提出了移动优先的设计理念.在当时看来这无疑是一个打破行业常规的新型设计原则.而在移动互联网大行其道的今天,谁遵守移动优先的设计理念,设计出最好的移动端网站, ...

  • 怎样设计网站

    随着国内的淘宝购物火,团购网极速发展,东京的崛起等等电子商务平台的快速发展!还是用一个很老生常谈的话来形容,就是电子商务是现代社会没有硝烟的战场,谁能把握先机,那么谁就能分得一块不错的蛋糕!在看到一个 ...

  • 20个精雕细琢的设计机构官方网站设计

    极简风.现代主义.扁平化.栅格系统--这些流行的设计趋势和设计手法,你希望哪些出现在自家设计公司的网站上?除了漂亮和风格化之外,它们让网站拥有更好的易用性,也更有性格,更重要的是,它们展现出了一个设计 ...

  • 史上最全的25个UX/UI设计灵感类网站

    不论是UI设计师还是UX设计师每天花在找寻设计灵感的时间通常不会少于2小时以上,而多亏现在互联网的发展迅速,使得我们可以轻易就能从网上获取各种设计资源和设计灵感.本篇文章收集了最佳的25个UX和UI设 ...