首页 > 知识•资讯 > 这不是设计网站最好的方法! > 正文

这不是设计网站最好的方法!

2011/6/30 0:00:00 · 稿源:传诚信

这里是我的细分网站设计过程。

我知道很多人会读这个,大声喊:“这不是设计网站最好方法!”

我只能说的是:这是工作的过程对我来说最好的精髓。

我提出,希望它,也许它会为你的工作位也。

我已经创造了10年的网站,我已经得到了在它更成功在这段时间。而我接触到的非常巧妙和复杂的软件开发过程很多,其中很多不产生很好的效果。

这是典型的过程中,我用我的网站(所有尺寸)今天最。它着重于让你在做什么,然后再开始清晰,并保持清晰,而你努力争取一个好的解决方案迅速。

概述

  1. 知道你正在
  2. 知道什么网站需要做的
  3. 知道网站的访问者希望
  4. 得到一个好的图片的个性和风格的网站
  5. 勾画出高度成功的案例
  6. 整理成意见网站地图
  7. 素描的本质特征和外观
  8. 地图访问者的注意力
  9. 安排视觉元素一起工作

步骤 - 由 - 步

1。知道你正在

作为什么你正在努力实现明确的帮助你实现它。

总是在你的目标明确 - 国家要达到 - 当你坐下来设计一个网站。

  • 你想打动其他网页设计师?
  • 你想取悦你的客户?
  • 你想有一个良好的利润,并支付租金的时间?

有一个神奇的一种叫“创意可视化”。当你能看到在你的心中的眼睛终点,你可以更容易地看到你需要采取的步骤到那里。此外,你甚至会发现,你的潜意识行为进行帮助你前进了。

见..

  • 你的目标»

2。知道什么网站需要做的

您可能有一个客户谁告诉你他们想要的东西(如“我们要打入大的时间和销售更多的部件。”)

设法得到真正明确什么是网站的目标是什么。成功是什么样子?你将如何知道当你到了那里?

有了这个东西在你的头脑清晰可帮助您:

  1. 从现在做一个成品的设计决策的数千
  2. 与您的客户和他们的整个过程中保持信心
  3. 表明你已经做了你所要做的
见..

  • 您的网站的目标»

3。知道网站的访问者希望

理想情况下,你想显示你的设计,所有的网站的目标用户,并找出行之有效的他们。由于这是不可能的,你需要另一种技术。

对于所有的网站,但最简单的,我开发人物场景的基础上,目标导向简单的可爱的艾伦库珀和他的朋友开发的技术库珀交互设计

见..

  • 用户“的目标»
  • 个性»

4。得到一个好的图片的个性和风格的网站

用户到用户的个性给你的目标和行为很大的启示。

但是,一个网站通常有自己的目标,可能与使用者的目标相冲突。该网站还经常有软目标,支持或发展其品牌

您需要一种方法来平衡所有这些不同的势力最佳状态。

我开发了一个进一步的工具,网站的Persona,它体现在以同样的方式为用户的用户个性做网站的个性,动力和目标。网站假面既是品牌和网站,你的目标将通过与用户的混合工作个性的对话。

图片作为用户之间的个性和站点的Persona系列谈话你的网站的互动。该用户试图得到他们想要的,网站的Persona是想帮助他们,同时确保它自己的工作。

见..

  • 双赢的解决方案»
  • 网站假面»

5。勾画出高度成功的案例

一旦你知道你的网站要实现的,你的游客要达到,是时候开始规划出网站的结构。

我不从一个网站地图,因为这是限制过严。我喜欢勾画出的经验,用铅笔和纸张,只是显示的网站和用户之间互动的最重要方面。

(有时,这些都是在一个脚本形式的对话,在那里我的人格和网站用户沟通的人物,仿佛在交谈中,这将最终转化成视觉元素。)

一个草图通常的功能:

  • 明星在现场展示(入口点)用户如何到达
  • 圆形显示操作,视图或地方(可能最终成为页)
  • 箭头显示用户如何可移动的网站
  • 语音气泡用户代表什么人物在关键地方认为
网站草图显示关键点和相互作用

这里是一个真正的首幅素描我只是在纸上进行,这让我思考,迅速开展工作。

不要担心设计的细节。这不是一个项目可交付草图与其他人分享。这是为我所用,帮助我澄清一下什么是重要的。

这种特殊的草图显示了一些成功的案例,这可能适用于不同用户个性。重要的是我已经开始可视化的成功之路(用户参与网上拍卖的一部分)从不同的出发点。

在这里,我已经意识到,关键的一点是确保旅客都能找到他们感兴趣的,如果不发生,没有别的我可以设计意愿的问题。

因此,为了使这个网站的成功,我可以很容易并呼吁环顾四周,直到找到自己喜欢的东西不够了解更多信息。

我可以做这些小品很多,但他们永远不会超过一分钟,每对夫妇的更多。但我有我的头的工作问题上的自由,喜欢复杂的绘图软件包或造型语法限制束缚。

6。整理成意见网站地图

您需要规划出哪些网页会在您的网站,如何对它们加以组合,以及用户将如何轻松地找到自己的方式解决。

您的网站地图将有效地合并所有到一个结构的明确和经济从最初的自由草图的意见。您希望您的访问者能够自由地从一个地方移动到另一个地方,他们的鼻子下面,以自己的目标。

事情要考虑:

  • 想想看全局或顶层的联系真的需要在每一页上可用。测试你的假设。
  • 建立足够的部分,这将是容易把重点放在你想要的。
  • 注意不要过度段。如果你有太多的章节,您的网站看起来似乎更大,更难进行导航。避免创建路段,将不会有足够的内容。(“没有消息就是坏消息”)。
  • 您需要包括任何其他的东西,需要在那里(如联系方式和登录),这可能不是你的草图上的任何功能更新。
  • 研究如何使用智能链接和用户直接采取什么他们最有可能要下深层链接。不要让他们掏。
  • 尝试优化网站,这样的目标的关键路径是容易的,即用尽可能少的步骤。您的网页设计将扩大战果。
  • 记住的原则简单,Occams剃刀如果你能实现的东西更简单,如果你能删除的东西,仍然保持所需的效果,做到这一点。
见..

  • 信息架构的第.. (我会添加更多的这个即将推出)

7。素描的本质特征和外观

现在我们将开始设计页面,仍然在纸上的工作在这一点上。(我发现,纸笔比计算机更快的工具,不管我用什么软件。)

通常情况下,我将首先关闭或凝视着我的眼睛在窗外,而我想象什么样的布局和外观会觉得不对劲,提供了一个很好的干净的界面,描绘了人格权。

然后我会素描,迅速在纸上,在粗糙的矩形,就打上的本质特征:

  • 整个页面的结构和比例
  • 1级导航(您的部分)
  • 其他全球导航(如登录/输出,网站地图,帮助,页脚导航)
  • 屏幕房地产的主要领域
  • 任何主要图形元素

示例

没有太多地看到这个简单的草图。该网站的身体会坐在网页中间。我已经把在顶部导航栏,网站的标志和strapline,和我有一个想法是将其中的内容,并且将有向下右侧的缩略图。

它貌不惊人,但它的所有帮助我做的是凝聚在我心中的这个页面看起来像眼睛的视力。

为什么我做更多的设计在我的脑袋比我在电脑上做

快速铅笔素描只是帮助我迅速记录下我已经在我的脑海可视化肖像。然后,我不会忘记,可使其在Photoshop中快速。我觉得这种工作远远不止在Photoshop开始关闭的有效途径。再次,它变得清晰,再这样做(认为,当时 ​​做的)。

8,地图访问者的注意力

一个在做你的页面布局草图的关键一步是获得了您的访问者会想看看好主意。

当您在计算机上的工艺页面,你的工作是平衡的相对引人注目的所有网页上的视觉元素,让游客将被吸引到的东西,最重要的。

增加引人注目的事情

  • 更大的事情!
  • 强烈的色彩(谨慎使用)
  • 对比度(无论是形状,线条或显着不同的色调边)
  • 运动(无论是实际的动画,或给人以运动印象动感的线条)
  • 用大量篇幅身边的人和事(​​他们更容易识别,而且似乎更重要)
  • 在页面上的高价值的东西摆的位置(向左上角和拦腰EG - 取决于你的布局)

黄金法则来这里发挥作用。

您网站上的一切都必须:

  • 帮助您的访客达到自己的目标,或
  • 支持不妨碍访问者的目标网站的目标

因此,我们将使用这些设备向来宾展示在哪里看,和他们不需要看(除非他们需要)。

以下是我的网页素描(上)找出来..

在上面的截图,注意什么最明显。看看你可以得到一个什么样的网站有关的印象,你很可能会发现有只需快速浏览(并没有能够阅读的文字多)。

这是由精心优先最相关的视觉元素可能 - 那些在解释什么是最该网站的内容,你会发现在这里,您可以去下一个有益的。

9,安排视觉元素一起工作

这只是现在我潜水到Photoshop。我完全准备,准备工作很快(因为我知道,在电脑上玩很容易让我失去的观点)。

  • 我知道网站已经实现成功
  • 我知道我的访客寻找的,他们正在努力实现的目标
  • 我知道网站的个性和它想达到什么,而游客对有
  • 我知道在我的网页和网站的部分
  • 我有一个正确的页面布局,这将有助于该网站的访客流量一轮容易,保持他们感兴趣的,直到他们已经做了他们想要的好主意
  • 我知道视觉元素将在我的网页,和它们的相对优先级

这之前的工作将帮助我迅速地执行设计的装修为目的的没有得到过深​​陷在Photoshop尝试不同的页面布局(这是费时)地段。

还有一些其他原则和纪律,帮助我建立一个没有占用太多的矿山和我的客户的时间多东西是绰绰有余:

  • 我工作在短时间。如果我感到疲倦或不清楚,我会停下来去做别的事情。
  • 我把它简单。我会尽力找到简单的页面布局,导航结构,色调/配色方案。我不怕适应的东西有工作过,如果是合适的。
  • 我投入精力的地方,是最有益的。我将愉快地工艺自定义按钮,图标或标识,如果这样做会带来的影响。我知道,每个页面并不需要太多的丰富的视觉功能,如果它们与护理应用。

    选择北京网站建设公司-传诚信,优质服务,绝对不容错过 !

    1. 优秀的网络资源,稳定的网站和速度保证

     (配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)

    2. 7年北京网站建设经验,优秀的技术和设计水平,更放心

    3. 全程省心服务,不必担心自己不懂网络,更省心。

    -----------------------------------------------------------------------------------------------------

     

    我们的与众不同之处:

          免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务网站设计等的事宜,欢迎随时联系我们。

          seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。

          免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
          如何优化网站,
    我们有丰富的经验开放给您!祝君成功!

    联系我们:010-62199213   62122723-808   贾先生
    传诚信北京网站建设网站:
    www.ccxcn.com 点击查看经典网站案例
    北京网站建设
    2011年网站建设套餐及优惠!

  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354