响应式网站设计需要不一样的设计思路--上海网站建设|网站制作|网站优化公司-上海志勋网络科技有限公司

志勋网络与威固贴膜合作微网站建设项目

威固是美国加州韶华科技（Southwall）旗下的隔热膜品牌，自品牌诞生以来即立足于隔热膜高端市场，并结合市场的实际情况开发出一系列产品，已成为世界汽车隔热膜市场最具竞争力的品牌之
查看详情
志勋开发温州万象城活动网站并活动圆满成功

上海东方传媒集团有限公司（SMG ，原上海文广新闻传媒集团）由上海广播电视台发起出资成立，是台属、台控、台管的控股企业集团公司。
查看详情
网站建设留白设计让网站更清新简洁

对于进行上海网站建设来说，很多设计者喜欢将综合元素整合到一个页面当中，但是对于网页的整体排版来说，可谓是寸土寸金，因为一个网页的页面容量是有限的，所以说对于整个页面的内容填充来说，需要合理的整合，很多
查看详情

< >

响应式网站设计需要不一样的设计思路

2018-04-19

响应式Web下需要变通设计方式

传统的 web 设计方法无法应用于响应式网站的设计，目前在设计响应式网站的方法上还比较缺乏好的设计方法。虽然一下子要摒弃已经熟悉的方法很痛苦，但如果要设计好响应式 web，这是必须的。

不断的反思可以让你在设计响应式 web 时更有效率。

响应式Web设计的设计流程

现在让我来看看适应响应式 web 设计的方法应该是什么样的。

1、开发一套设计体系

设计者 Laura Kalbag 认为应该创造一种无需关注布局细节只关注独立的响应式设计组件的设计体系。因为响应式设计是流体的，所以不用担心布局是否有问题，但是你需要考虑单个设计元素的效果。Kalbag 说，“这样我们就不会因为要为手机、平板和桌面 PC 设计而烦恼了。”

Kalbag 建议摒弃老的设计方法，因为站点会在不同的设备上被访问，所以我们应该去着重设计站点的整体感觉。版式、颜色、形状以及图片，这些元素构成视觉设计。只要能将这些元素设计地连贯，即便是不同大小的设备也会给用户一致的感觉。

在思考视觉设计（或内容）时，首先要明确任何大小的设备都有可能使用你正在设计的这个元素。响应式 web 设计的关键在虽然是多个平台，但也能给用户一致的用户体验。通过这种组件化设计，从而形成一套设计体系，对于响应式 web 设计是很有效的。

2、基于内容层次的新型模型图

模型图在当今的 web 设计领域仍然有一席之地。但是我认为响应式 web 设计并不需要创建具体模型图，比如具体设计出在某个设备上的尺寸。

还有些人认为可以基于内容制作模型图，而不基于布局。我觉得这个想法也很好。

移动设备通常都是狭长型的，这使得你只能将内容以列的方式呈现。这种线性显示是由于宽度所限，使得设计者不得不这么做，在较宽的屏幕上通常是不会这样的。

因此许多设计者开始尝试一种新型的模型图，这种模型图关注内容层次不关注布局。设计者会给内容元素标上数值，用来表示这些元素在堆叠的列布局中的位置。这种方式对于设计有些束缚，但对展示内容可能是绝佳的。