易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

移动端的时代要如何重塑网页设计流程

来源:网站建设行业资讯网
添加时间:2021-11-25

随着时代和技术的发展,网页设计的流程正悄无声息地发生着巨大的变化。精准具体的设计交付列表不再是网页设计的唯一标准,静态页面设计在整个设计流程中所占的比重也逐步降低,正如同StephenHay所说,我们所设计的不再是单纯的页面,而是包含诸多组件的一整个系统。

瞬息万变的不仅仅是内容和信息,用户所用的设备和内容呈现的模式也在快速改变着,这些都与网页设计息息相关,也没有任何迹象表明这种改变会变缓。而我们的设计作为载体和呈现的载体,理应走在它们的前面。

之前的网页设计流程在今天看来已经无法应付这一切了,修整刻不容缓。敏捷开发、团队协作和适应性调整都已经是设计过程的最前沿,设计和开发之间的界限越来越模糊了。

移动端优先

移动端优先,这句口号已经喊了好几年了,真正有远见卓识的网页设计师应该很清楚这句话远不止于口号那么简单。移动端优先必然会牵涉到设计流程,我们应当从小屏幕着手,先设计简单的布局,然后为其增加复杂度,以其为基础,为更大的屏幕来进行设计。

随着移动端设备的用量超越PC,移动端的网页浏览无疑已经成为用户获取信息的主要渠道,移动端优先的设计自然应该成为常态。

除非你的网站情况非常特殊,或者你拥有极具说服力和特殊的数据支撑你的想法,移动端优先的设计符合逻辑也有道理。

相比于为小屏幕去降低整个设计的复杂性,为移动端先做好适配再提升其复杂度,是更容易的。回想一下按照之前的流程来设计网页吧,我们总是疲于应对客户的要求,在后期还要来回调整设计和代码。未完成的页面和不够易用的移动端页面,填不完的坑。

桌面端的页面总是先做完,而在此基础上修改出来的移动端页面,似乎总有点粗制滥造的感觉。

那么我们就不要将”移动端优先”当作一句简单的口号好了!从现在开始真正意义上为移动端的小屏幕开始做设计!

搭建而非拆卸

设计是一个积累的过程,每一个进步都是在前一步的完成和胜利的基础上,逐步建立起来的。

基于小屏幕的设计规划是符合逻辑的。我更倾向于一砖一瓦地搭建,而非做好了再一点一滴地拆卸下来。

我能想到最好的类比是“原子设计”,这种设计方法是通过逐步提升复杂度来构建事物。简而言之,借助这种思路是这样做设计的:

确定基本的排版组合、尺寸大小和色彩使用基于这些基本的设定,确定诸如表单字段和标签等小元素的设计基于以上的设计,完善诸如完整的联系人表单的大的元素的设计将这些已经构建好的网页元素搭建成为页面重复以上过程

就是这些不起眼的元素构建起了你的页面,也正是这样简单的方式,同样可以完成之前看起来复杂无比的页面设计。只要你用好这个设计流程,它所带来的可能性是无限的。

比起一开始就操刀设计页面,完成这些“砖瓦”的设计更容易上手也更便捷,整个设计流程从移动端过度到桌面端也更加完美流畅。想想在这个过程中,你和你的客户所需要专注的事情吧,无非是持续不断地添加细节就好了。

不要局限于断点

在探讨响应式网页设计的设计过程之时,我们花费了大量的时间在断点的媒体查询和为现有硬件设备做设计的平衡之上。造成这个局面的主要症结,就是网站的内容。

如果可能的话,尽量在设计后期的时候,同内容和营销团队密切合作,在内容的结构和划分上多花心思,防止最终在这个问题上影响网页的设计,出现意外。

即便是如此,从设计之初到设计后期乃至整个页面上线,网页内容都可能是一直处于变动当中。标题越来越长,图片更换,区块被替换,等等等等。

“如果可能的话,尽量使用真实的内容来进行设计。”

一个真正精心设计的系统应该是可以收放自如的。所以,如果真的将营销和内容团队提供的Word文档转化成为一个可靠的页面,这样的事情不应该令你头疼。

虽然有些细节的处理上确实需要多加注意,但是我的经验告诉我,其实并不要想复杂了,也不要想多了。绝大多数时候,一个紧凑而聪明的设计风格指南(StyleGuide)能让所有的事情水到渠成。

测试和实现

进行原型设计确实很不错,但是原型设计的问题也在于,它还是一种“闭门造车”的设计,并没有在真正的用户那里得到验证。

在真实的设备上同用户分享设计,借此可以获得最好的设计反馈。即使你仅仅只是画了线框图,也能在真实的设备上同用户进行测试沟通。

测试响应式的设计,应该是一个宽泛而多样的过程。找台智能手机,把你的设计稿放进去,问问不做设计的同事和朋友,让他们看看这样的设计是否可行。接下来再换上iPad和桌面端设备,一步一步来。

全新的世界

从一个全新的角度来看待复杂的问题,我们所要面临的一切似乎都是新的。提升团队成员的合作紧密度,模糊团队界限可以让整个设计过程都快起来。我们的设计应该不断适应新的需求和新的状况,因为我们的内容、业务和这个世界的变化更快。



网站建设计最新案例赏析:


江苏天兴环保股份网站制作首页设计效果图
江苏天兴环保股份
东莞吉川机械科技网站制作首页设计效果图
东莞吉川机械科技
广州波士特实验室设备网站制作首页设计效果图
广州波士特实验室设备
深圳华测实验室技术网站制作首页设计效果图
深圳华测实验室技术
上海艾艺信息技术网站制作首页设计效果图
上海艾艺信息技术
山东刚泽金属制品网站制作首页设计效果图
山东刚泽金属制品
深圳信雅文化传播网站制作首页设计效果图
深圳信雅文化传播
广东思远工程技术网站制作首页设计效果图
广东思远工程技术
深圳朝华车身广告网站制作首页设计效果图
深圳朝华车身广告
河南赛唯家具网站制作首页设计效果图
河南赛唯家具
 

网站建设行业资讯推荐阅读:


房产网站制作建设怎么做有什么好处当今中小型企业网络营销缺乏的三个层面网站建设中不利于优化的错误之处网站建设帮你掌握引导页设计方法导致网站在搜索引擎排名降低的5个常见的错误怎样做一个利于seo优化的网站网站建设时你的需求明确吗深圳网站建设教你如何提高网站流量深圳福田网站建设公司,企业网站建设时需要注意哪些问题科技浅谈APP运营,教会你如何找目标用户怎样做网络推广效果会更好深圳网站设计公司自学网站优化需要知道的关键词分类营销型网站基本建设必须遵照的基本要素个人制作网站的步骤企业新建网站和购买网站的区别企业网站建设过程中应该注意的几点要素深圳网站建设:怎样判断网站是否专业性深圳外贸网站建设可以帮助企业崛起吗网页设计浅谈网站在网络营销的重要性和针对性2低13年元旦放假通知网站在制作过程中有哪些是需要了解的政府网站建站技巧有哪些企业网站建设的那些事为什么要建议企业做网站建设商城网站必备的四大主要功能网站设计中的五大难题如何让网站代码产生更好的优化效果口碑好的企业网页设计企业定制软件哪个好网站建设:关于域名WHOis查询工具得不偿失!这样的网站不宜选择虚拟主机深圳南山网站建设公司哪家设计做得好为何你制作的网站无法让用户满意深圳网站建设中网站域名和网站排名有没有关系Android程序开发:Eclipse编程代码提示设置​选择直销网站建设公司需考虑哪些因素如何更好的建设直销网站什么样子的网站文章才能更快的被搜索引擎抓取怎么才能让别人主动给你转载外链的几个小技巧2021年做网站开发有什么必要性吗企业网站设计如何实现个性化网站改版如何才能做到不被降权选择网站域名需要的注意事项 网站设计为什么逐渐趋于长方形网站建成后能够从哪一方面优化企业网站建设如何选择建设团队需要注意哪些问题网站跳出率高有什么因素划算营销型网站基本建设存有的优势与劣势涨知识!了解网站设计“负空间”避免网站设计的5个错误今年地产设计网站用哪些技巧才能吸引用户点击改善网站设计的技巧还在为网站配图发愁这些优质图片素材网站你都知道吗深圳平面网站设计,网站界面设计有哪些注意事项优质网站制作商城网站开发所需要的功能有哪些呢哪些因素决定了网站建设能不能留住人博客也能提升网站权重花了钱就能保证网站关键词排名吗哪些关键指标影响着网页设计呢网站建设的策划原则有哪些
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询