<itaod class="hngqz"></itaod>

OG电子游戏

您好!欢迎您来到扬州OG电子游戏平台信息技术有限公司!

新闻中心

促销活动、问题解答、技术讨论,学习,成长,分享,共建

首 页 > 新闻中心 > 行业资讯

响应式网站建设的设计流程是怎样的?

2021-04-13

响应式网站建设的设计流程:

1.确定需要兼容的设备类型、屏幕尺寸

通过对用户的分析研究,了解用户使用设备的分布情况,确定需要兼容的设备类型、屏幕尺寸。

设备类型:包括移动设备(手机、平板)和PC。对于移动设备,设计和实现的同时,要注意增加手势功能。屏幕尺寸:包括各种手机屏幕的尺寸(含横向和竖向)、各种平板的尺寸(含横向和竖向)、普通电脑屏幕和宽屏。需要考虑的是某个页面进行响应式设计时,其适用的尺寸范围是哪些?结合用户需求和实现成本,对适用的尺寸进行取舍。如一些功能操作的页面,如果用户没有在移动端进行操作的需求,没有必要进行响应式设计。


响应式网站建设


2.制作线框原型

针对确定下来的不同尺寸制作不同的线框原型,要了解不同尺寸下,页面的布局如何变化,内容尺寸如何缩放,功能、内容的删减等,也可根据不同的情况,针对特殊的环境做特殊化的设计。这个过程需要设计师和前端开发人员保持密切、良好的沟通。

3.测试线框原型

将图片导入到相应的设备进行简单的测试,能够帮助研发者尽早发现网站在可访问性、可读性等方面存在的各种问题。

4.视觉设计

视觉设计是很关键的一点,需要注意的是移动设备的屏幕像素密度与传统电脑屏幕不一样,在设计时,需要保证内容文字的可读性、控件可点击区域的面积等。


服务热线

185-525-51551

客户服务E-mail:service@z-1.cn

公司地址:扬州市扬子江中路287号 (财富广场1308-1309)