深圳市天助华企信息技术有限公司

曾经理  137-138-05929


图片展示

响应式网页设计崭新思路-内容为王设备为辅

发表时间: 2023-07-23 20:18:26

作者: 深圳市天助华企信息技术有限公司

浏览:

在传统的网页设计过程中,我们通常会固定整个布局和容器的宽度,以此来构成一个灵活的网格系统。随后,向其中添加表格和区块并填充响应内容,***终完成设计。但对于响应式网

在传统的网页设计过程中,我们通常会固定整个布局和容器的宽度,以此来构成一个灵活的网格系统。随后,向其中添加表格和区块并填充响应内容,***终完成设计。但对于响应式网页设计,这种方式显然并不适合。
响应式交互设计要求在不同设备上显示的页面均是贴合的,也就是说再执着于布局、线框等的具体大小已经毫无意义,因此鹏企建议,将更多心思放在内容的表达上,结合流行元素,从根本上绕开根据设备大小来进行设计的死角。
面对这种无需关注布局细节只关注独立组件的的响应式网页设计模式,我们需要:
1.开发一套设计体系
摒弃老的设计方法,因为站点会在不同的设备上被访问,所以我们应该去着重设计站点的整体感觉。版式、颜色、形状以及图片,这些元素构成视觉设计。只要能将这些元素设计地连贯,即便是不同大小的设备也会给用户一致的感觉。通过组件化设计,从而形成一套设计体系,对于响应式网页设计是很有效的。
2.基于内容层次的新型模型图
这种模型图关注内容层次不关注布局。设计者会给内容元素标上数值,用来表示这些元素在堆叠的列布局中的位置。这种方式对于设计有些束缚,但对展示内容可能是***的。
在这里主要介绍两款特别有用响应式网页设计的工具。
1、StyleTil.es
StileTiles 是一款能帮助设计者 这种全新的设计方式,该方式主要关注站点中的字体、颜色以及示例 UI 色板。StyleTiles 不关注布局上的细节,但可以很方便地让你知道你设计的网站大致是个什么样。
 
2、优先级向导
Spark Box 就是由 Drew Clemens 根据优先级向导所设计的。优先级向导说明了如何为站点中内容分配优先级。此时不需要进行任何视觉设计,因为此时内容的排布是根据关联性而不是美学。下图说明了如何划分内容层次:
 
响应式网页设计是一个全新、未知的领域,所以我们要勇于尝试新的方法、摸索一些新的技巧,同时不断的实践,并有效地应用在网站建设的层面上。

响应式网页设计崭新思路-内容为王设备为辅
在传统的网页设计过程中,我们通常会固定整个布局和容器的宽度,以此来构成一个灵活的网格系统。随后,向其中添加表格和区块并填充响应内容,***终完成设计。但对于响应式网
长按图片保存/分享
0
扫一扫加微信咨询
扫一扫加微信咨询

深圳市天助华企信息技术有限公司

地址:深圳市罗湖区互联网产业园3栋3层

联系人:曾经理 

电话:13713805929 

邮箱:1873218606@qq.com 




Copyright@ 2005 All rights reserved  深圳市天助华企信息技术有限公司   粤ICP备19084519号    

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了