WE’RE
HERE

We’ll be happy to hear fram you, don’t
hesitate to get in touch

响应网页设计的五个黄金法则

浏览次数:100发布时间:2016/04/05文章来源:华仕尊城设计文章分类:高端网站建设
这个介绍的流体网格,灵活的图像和媒体查询改变了我们已经设计我们的网站相当大的方式。我们一直在重新调整我们的浏览器窗口。网页设计 作为一...2016/04/05

这个介绍的流体网格,灵活的图像和媒体查询改变了我们已经设计我们的网站相当大的方式。我们一直在重新调整我们的浏览器窗口。网页设计

作为一种潮流,响应网页设计已成为我国产业的热门话题,现在已成为常态。

在过去的几年里,我从事过多个RWD项目。在几乎所有这些项网页设计目中,我使用了一个不同的设计过程,产生了不同的可交付成果,遇到了许多不同的问题。

基于这些经验,鉴于RWD正在成为常态,我的工作必须适应。这里有五个领域,我认为设计师需要加强,以适应响应网络。

1。真实内容设计

设计过网站内使用可靠的Lorem存有一个模块,只有文案/客户网页设计写两倍的内容,还是不够的,和你的美丽的设计是玷污了吗?这太晚了。

我相信这是一个熟悉的故事,我们大多数人,我已经失去了计数的次数,这已经发生在我。

想象一下我们的生活会更容易,如果我们有网站的内容前面?听起来很有逻辑性,但我敢肯定,这很少发生在我们大多数人中。加油,诚实。

在铅笔已经回升,或PS网页设计图象处理软件已经打开,需要有一个内容网页设计策略。无论是输出的是最终的内容,将使用在现场或不,你需要一个好主意的内容,将在最后的网站使用。当你不知道什么内容将被使用时,在设计某件东西的时候是什么?

一旦你的内容,你可以开始建立内容的参考框架。一词是由史蒂芬在他的书中响应设计工作流的干草,内容的参考框架使用基本的矩形块创建布局的内容。因此,引用每一个内容将坐在哪里。

这种技术是理想的展示你的主要模网页设计板的基本布局。可以显示导航、子导航、尾和辅助模块都会网页设计在页面的主体周围坐着。

如果没有得到任何详细的细节,你将在设计的框架中,你将在后面的细节层的细节。

这是在这个过程中,你应该开始思考你的响应断点的时间。从内容策略中接收到的内容,可以构建一个简单的移动设备的列布局。

这是最好的浏览器,使用基本的HTML,但后来更多。

通过限制一列的设计,你可以开始考虑页面上的内容的层次结构。页面上最重要的信息是什么?应该主要CTA坐哪里?从上到下阅读的内容是否有意义?

一旦你有了信息的顺序在一个地方你是幸福的网页设计,增加你的画布的宽度到内容感觉紧张和不舒服,并记下宽度。这将是你的第一个断点。

调整你的页面布局来适应这种新的宽度,增加了例如栏柱,并重复。

2。浏览器的设计

另一个重要的考虑因素是RWD沟平面视觉效果和PS图象处理软件的比较网页设计。他们把这个过程搞得太多了,这样就把这个理想化的观点看得太多了,这样就可以看到网站在多个特定浏览器的宽度。

但他们很少这样结束。最终的建设几乎总是看起来不同。无论是填充或间距在元素的类型呈现或图像质量,最终输出很少像客户签署了在项目的早期视觉效果好。

与视觉问题是他们看得太好。图像清晰,排版的别名和光滑的阴影和混合模式的使用使设计看起来像一件艺术品。

我们需要降低客户的期望,在他们签署设计之前。网页设计

诀窍做这是建立一个有效的原型,使用HTMLCSS的价值。设计中的最终产品将被建造。并将其呈现在浏览器中。

显示客户如何在不同的宽度和不同的设备上看。

如果你不在前端开发高手别担心,有新的工具出现,帮助设计人员创建响应的原型,如金刚鹦鹉,WebFlowAdobe边缘回流。或者你可以要求一个开发人员来帮助你,但我建议你至少学习的基础知识。这将有助于你了解你的美丽的设计将如何建立。

设计这种方式的好处之一是减少它需要改变的时间。假如你有20 PS图象处理软件(或烟花,我喜欢)谱曲,其中有三项决议(比方说,台式机,平板电脑和手机),你需要更新的导航按钮风格或链接。

这将意味着通过60页来改变一个网页设计样式。我一直在那里。这不是很好。

但是,通过定义一个CSS类你可以更新一次,并更新所有页面。我知道这是一个很极端的例子,但它仍然可以节省你的时间在长期运行。

你也可以测试你的设备在不同的屏幕尺寸。最上面提到的工具来设定视口中内置的,但如果你可以导出你的设网页设计计出来,让他们进入一个实际的浏览器,那么你真的可以获得一个更好的感觉的移动体验你设计。

 

咨询电话:0755/29555722

(+86) 0755 2955 8889

518000

深圳宝安.西乡宝源.F518时尚创意园.17栋2楼

体验手机版您可以免费体验我们的服务(即时回复)

WWW.W-VI.COM
Copyright © W-Design. All Rights Reserved. 华仕尊城 版权所有 粤ICP 12007005-1 手机版 盗版必究 法律声明