首页 - 网站建设 - 如何设计一个网站?设计网站的10个细节

如何设计一个网站?设计网站的10个细节 返回列表

蜀美网络2020-01-09编辑发布,已经有574个小可爱看过这篇文章啦

  设计一个网站并不难,只是为了避免一些常见的错误。在本文中,我们将介绍14个需要采取的设计细节,以实现完美的现场布局。这些步骤不仅包括设计方面,还包括一般的工作流提示。下面我们一起来看看吧。

了解网站设计的目的

  1.了解网站设计的目的

  在你开始工作之前,你需要知道你在设计什么。除了对网站的描述外,你还需要知道网站的目的是什么。以新闻网站为例。目标是什么?你是否制作尽可能多的广告节目或提供最好的阅读体验?如何衡量这些目标?

  2.尽早与客户分享设计

  当提出一个互动的概念或设计“外观和感觉”时,你需要确保你尽快同意客户的意见。在与客户分享概念之前,避免在概念上花费太多时间。一旦最初的概念被批准,生产就可以开始。但是在提出第一个概念之后,如果客户不喜欢,他们应该收集足够的反馈来设计第二个更合适的概念。

  3.首先解决布局

  这似乎很明显,但我经常发现设计师在试图解决问题之前直接去工作。设计就是要解决问题,不能用渐变或阴影来解决,要用好的布局和清晰的层次来解决。

  4.开始勾画一个UX草图

  一个基本的线框将有助于构建布局,当我被要求为站点布局创建一个外观和感觉时,我要做的第一件事就是想出一个顶级框架来解决所有的设计问题。框架是一个围绕内容的UI,它帮助用户执行操作并在其中导航,包括导航和诸如侧边栏和底部栏之类的组件。

  5.添加一个网格

  在开始设计任何东西之前,您需要添加一个适当的网格。网格将帮助您构建不同部分的布局,它将指导您完成特定屏幕大小的要求,它将帮助您创建响应模板,以便您在间距和许多其他设计问题上保持一致。

  6.选择字体

  经验法则是在网站布局中使用不超过两种不同的字体,探索不同的字体和颜色是项目发现阶段的一部分..一般来说,建议不要在一个网站上使用超过两种不同的字体,尽管这取决于它的性质。

选择字体

  7.选择主题颜色

  在选择一组字体时,您应该开始查看在界面、背景和文本中使用什么颜色。

  根据每个元素的功能,在整个站点布局中一致地应用这些元素是非常重要的。思考微博,知乎,维美等网站的布局..除了UI之外,插图或图形细节不应该有颜色限制,只要它们不影响组件的功能。

  8.简化布局

  简单的布局更容易导航,网站的结构越简单,导航就越容易,布局应该有助于突出故事中最重要的部分。

  9.让客户了解你的解决方案

  经常与客户沟通的目标之一是在展示工作时避免事故,通过这样做,你会发现他们要么同意你的结论,要么指出你在演练中可能没有考虑到的缺陷或其他变体。

  10.注意细节

  对细节的关注最近被过度使用,但在最终产品中并不总是可见的。根据项目背后的概念,“关注细节”可能意味着不同的事情。

  它可以是一个小的交互,一个意想不到的动画,或者一个美感的触摸,比如按钮上的一个小渐变,或者背景框周围的一个细微的笔划。但总的来说,这种接触是必不可少的。

注意细节

  最后一点也是非常重要的,就是整理设计文件,不管你使用什么设计工具。无论项目的规模和设计人员的数量,都必须保持文件的整洁。这样可以更容易地导出不同的零件,加快设计过程,并与其他设计师协作。

相关新闻