上海网站设计-完美网页布局设计的20个步骤
发布时间:2015-05-11 15:20  已被人阅读    分享到:
上海网站设计-完美网页布局设计的20个步骤
 
典享网络专业从事上海网站建设,上海网站设计,上海网站推广,上海网站制作,上海网站改版,上海网站运营,上海微信代运营,网站建设,微信运营,网站托管,网站SEO多年。我们不断总结最新的建站及其seo方法,对此我们总结出很多心得。
 
在我们开始讨论有关网页布局的主题之前,我们首先想到了在多年的设计生涯中看到过的一些常见错误,特别是网页设计新手和实习生常会犯的那些错误。
 
在文章后面列出的完美网页布局设计的20个步骤中,我们尝试覆盖到我们认为每一位网页设计师在他们开始新的项目之前都应该知道的内容,以及他们在网页设计流程中应该注意的内容。
 
这些原则不仅包括了诸如登陆页设计在内的设计方面的内容,也包括如何使得工作成果更完美的工作流程分析。学好它们,你就在成为专业网页设计师的道路上迈出了第一步。
 
1.先把你的想法画到稿纸上
 
这显而易见,但是我却常常发现设计师们经常跳过这一步,在考虑任何可能会遇到的问题之前就直接打开Photoshop开始工作。设计是要解决问题的——如何有效传达信息的问题。这些问题不是通过添加或者阴影就能解决的,只有好的网页布局和层级结构设计才能造就出优秀的网页界面。在你打开Photoshop之前,好好考虑你的网页内容、网页布局和层级结构。
 
2.从绘制顶级框架开始
 
当我被要求要为网页设计出“感觉”时,我做的第一件事就是设计网页的顶级框架,这会解决所有的设计问题。这里所说的框架指的是在网页内容周围的UI(用户交互界面),它们引导用户浏览网站,框架包括导航和类似侧边栏和底部导航栏的交互元件。
 
如果你在设计时采用这种方法,你就会在设计首页之外的网页时,对你的布局的需要有一个清楚的了解。
 
3.在你的PSD文件中添加网格
 
这就和它听起来一样简单。在Photoshop中设计任何东西之前,你最好先绘制一个网格以备参照。没有明显的理由不使用网格,但是有明显的理由使用网格!我可以保证,有网格,你肯定能做得更好!
 
网格帮助你完成界面的划分,网格能引导你的设计满足不同大小的屏幕的需求,在诸如留白等方面保持设计上的一贯性。
 
4.选择字体
 
探索使用不同的字体和颜色是项目设计过程中不可或缺的一步。我推荐在网页中不要使用两种以上的字体,但是你也可以依据实际情况进行增减。一般来说,选择一种容易阅读的字体(用于大段的文本)和一种有趣的字体(用于标题和交互)即可。不要害怕使用大字体。总的来说,在使用字体时一定要注意保持趣味性和连续性。
 
5.选择颜色主题
 
在为你的网页选择一套字体的过程中,你应当从考虑在UI、背景和文本中使用何种颜色开始。对于一般的用户交互界面,我推荐使用有限种颜色和有限的色调变化。
 
在UI设计环节,请务必在保持配色的连续性的同时参考元件的功能。参考下Facebook、Twitter、Quora和Vimeo(翻译小编表示:很不幸,这些网站都是得fq才上得去的)的布局设计。除了UI之外,不应该对插画或细节有任何颜色限制——只要它们不和UI元件的功能有所关联就行。
 
6.将布局分块
 
你网站的每一个部分都需要有话可说,需要有阅读的价值,而布局则应当有助于凸显文章中的亮点内容。实际上,在同一张页面上不应该有太多的动作呼告,所有的一切都应该有助于浏览者明白“我能在这儿做什么”。
 
从一个简单的目的出发,构想一个你能想象得出的最简单的布局,然后再加上有必要添加的元件,到最后你就会惊讶的发现,保持布局的简洁是如此之简单!
 
7.反思现有的
 
作为设计师,我们塑造了人们浏览互联网的方式,我们决定了完成一个简单的操作所需要的步骤,我们决定了我们的网站是否有效率。设计样式和范例之所以存在,是因为它们确实有效。但是,有时候它们之所以存在只是因为没有人花时间思考它们存在的意义。这很重要:去重新考虑已有的交互方式,看看我们如何才能提升它们。
本文分享地址:/news/3/1288.html上海网站建设,上海网站制作,上海建站公司,网络运营推广,微信代运营|典享网络典享NET编辑,转发请注明来源及版权归属。
上一篇:上海网站制作-15条最精准的网站图片使用方法 【关闭】
下一篇:上海网站设计-B2B类行业门户网站网页设计要素