当前位置:380元网站建设 虎网站 > 企业动态 > 正文

移动端的时代要怎样重塑网页设计流程?

发布日期:2015-07-21

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

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

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

  移动端优先



  



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

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

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

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

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

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

  搭建而非拆卸



  



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

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

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

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

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

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

  不要局限于断点



  



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

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

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

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

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

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

  测试和实现

 


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

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

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

  全新的世界

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

迪拜沙漠地带旅游 迪拜沙漠地带旅游景点

    迪拜的沙漠有哪些? 迪拜的沙漠叫代赫纳沙漠。位于阿拉伯半岛上,是阿联酋所在地的区域。 迪拜被称为沙漠中的绿洲,在流动的沙漠上建起了世界上最高的楼宇,在一个历来生存条件恶劣的地方建起了世界上最多最奢华的酒店。 代赫纳沙漠也是有名冲沙沙漠。冲沙是阿联酋乃至整个阿拉伯地区最受欢迎的民间趣味运动之一。 迪拜以前是不是沙漠? 1、迪拜以前本身就不是什么沙漠,所谓的“沙漠城市”也只是有局部地区是沙漠而已。 ...

       虎网网络给你总结的网站优化问题 搜索引擎优化新手总会遇到各种各样的疑问,而且许多的时候看网上的文章会让你不知所措,当每个人说的不同时就会不知道哪个是对的,所以今天虎网网络选择了几个新手容易发生的疑问进行解答。 疑问一:带有nofollow的外链是否无效? 关于这个疑问,许多的站长新手都会觉得迷惑,因为一个网页如果带有nofollow的话,即是表明该页的链接将不会被搜索引擎跟踪,从而也不会起到对网站的投票作用,可是这样的链接是否就...

       百度作弊网站定义和害处 1. 作弊网站定义 对搜索引擎作弊,是指为了提高在搜索引擎中展现机会和排名的目的,欺骗搜索引擎的行为。 以下行为都可能被认为是作弊: · 在网页源代码中任何位置,故意加入与网页内容不相关的关键词; · 在网页源代码中任何位置,故意大量重复某些关键词。即使与网页内容相关的关键词,故意重复也被视为作弊行为; · 在网页中加入搜索引擎可识别但用户看不见的隐藏文字。无论是使用同背景色文字、超小字号文...

       福田中联投资机构跟虎网科技签定网站建设条款 中联位于深圳市福田区爱国路1001号俊园大厦33楼。中联选用虎网站定制型网站案例,此类网站主要是按客户要求和提供的风格案例或效果图纸来做,这种属于仿制和定制型网站,是根据功能开发的难易度来评估报价的,价格相对较高,适合于大中型企业和有个性风格、个性功能需求的客户选用。中联是经深圳市福田区工商局审核的正规企业,统一社会信用代码:0000。同时经国家工信部和广东省通信管理局审核通过ICP备案;备案号:...

       坪山顺丝工艺礼品和虎网科技签订网站建设合约 顺丝选用虎网站网络实用型网站案例,此案例比经济型多了些功能,如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。顺丝是经深圳市坪山区工商局审核的有资质公司,统一社会信用代码:深圳市顺丝工艺礼品有限公司。顺丝坐落于深圳市坪山区坑梓镇联兴路31号。   公司主要产品:pp材质的彩带线圈,复卷,香港拉花,星星花,蝴蝶手拉花,蝴蝶结,散花,缎带,柯根纱带,螺纹带,金葱带,蝴...

       企业网站建设需要了解的一些事 企业网站建设必须懂什么?网站建设前需要了解不少的知识和建站小技巧,也只有了解了这些知识技巧,才能把自己的网站建设的更加好。不管是做什么事,之前都需要有一个良好的计划,比如说婚礼,婚礼需要一个婚礼策划,这样才能把婚礼举行的圆满,成功,网站建设亦是如此,一个合理的策划是成功的前提。   除了策划好,还需要的是具体的实施,在实施过程中,较主要的是网站*页的建设,当我们在浏览网站的时候,都知道,*先需要看...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读