跟着时代和手艺的发展,网站设计的流程正悄无声气地产生着伟大的变革。精准详细的设计托付列表再也不是网站设计的独一标准,静态页面设计在整个设计流程中所占的比重也慢慢低落,正好像stephen hay所说,咱们所设计的再也不是单纯的页面,而是包罗诸多组件的一整个零碎。
瞬息万变的不只仅是内容和信息,用户所用的设备和内容显现的形式也在疾速改动着,这些都与网站设计息息相干,也没有任何迹象表白这类改动会变缓。而咱们的设计作为载体和显现的载体,理应走在它们的前面。
以前的网站设计流程在今日看来曾经没法应付这一切了,修整刻不容缓。火速开发、团队协作和顺应性调整都曾经是设计过程的最前沿,设计和开发之间的界线愈来愈恍惚了。
移动端优先
移动端优先,这句标语曾经喊了好几年了,真正有远见高见的网站设计师应该很分明这句话远不止于标语那末简略。移动端优先一定会牵扯到设计流程,咱们该当从小屏幕着手,先设计简略的规划,而后为其增加庞大度,以其为根蒂根基,为更大的屏幕来进行设计。
跟着移动端设备的用量超出pc,移动真个网页阅读无疑曾经成为用户获失信息的主要渠道,移动端优先的设计天然应该成为常态。
除非你的网站情况十分特殊,或者你领有极具压服力和特殊的数据撑持你的设法,移动端优先的设计契合逻辑也有原理。
比拟于为小屏幕去低落整个设计的庞大性,为移动端先做好适配再晋升其庞大度,是更易的。追念一下根据以前的流程来设计网站吧,咱们老是疲于应答客户的请求,在后期还要往返调整设计和代码。未完成的页面和不敷易用的移动端页面,填不完的坑。
桌面真个页面老是先做完,而在此根蒂根基上修改出来的移动端页面,仿佛总有点精雕细刻的觉得。
那末咱们就不要将”移动端优先”看成一句简略的标语好了!今后刻起头真正意思上为移动真个小屏幕起头做设计!
搭建而非拆卸
设计是一个堆集的过程,每回个前进都是在前一步的完成和成功的根蒂根基上,慢慢建立起来的。
基于小屏幕的设计规划是契合逻辑的。我更倾向于一砖一瓦地搭建,而非做好了再一点一滴地拆卸下来。
我能想到最佳的类比是“原子设计”,这类设计要领是经由过程慢慢晋升庞大度来构建事物。简而言之,借助这类思绪是如许做设计的:
确定根本的排版组合、尺寸大小和色采运用 基于这些根本的设定,确定诸如表单字段和标签等小元素的设计 基于以上的设计,完善诸如完整的接洽人表单的大的元素的设计 将这些曾经构建好的网页元素搭建成为页面反复以上过程
就是这些不起眼的元素构建起了你的页面,也恰是如许简略的体式格局,一样可以完成以前看起来硕大无朋的页面设计。只有你用好这个设计流程,它所带来的能够性是无限的。
比起一块儿头就操刀设计页面,完成 这些“砖瓦”的设计更易上手也更便利,整个设计流程从移动端过分到桌面端也愈加完满流利。想一想在这个过程当中,你和你的客户所需求专注的工作吧,无非是连续不竭地增加细节就行了。
不要局限于断点
在探讨相应式网站设计的设计过程之时,咱们破费了大量的时间在断点的媒体查询和为现有硬件设备做设计的均衡之上。形成这个场合排场的主要症结,就是网站的内容。
若是能够的话,尽可能在设计后期的时辰,同内容和营销团队紧密亲密,在内容的结构和划分上多花心思,防止终极在这个问题上影响网页的设计,泛起不测。
即即是云云,从设计之初到设计后期以致整个页面上线,网页内容均能够是一直处于变更当中。题目愈来愈长,图片改换,区块被替换,等等等等。
“若是能够的话,尽可能运用真实的内容来进行设计。”
一个真正精心设计的零碎应该是可以收放自若的。以是,若是真的将营销和内容团队提供的word文档转化成为一个靠得住的页面,如许的工作不该该令你头疼。
尽管有些细节的处置上的确需求多加注重,可是我的教训通知我,实在其实不要想庞大了,也不要想多了。绝大大都时辰,一个紧凑而智慧的设计气势派头指南(style guide)能让一切的工作瓜熟蒂落。
测试和实现
进行原型设计的确很不错,可是原型设计的问题也在于,它仍是一种“凭空杜撰”的设计,并无在真实的用户哪里获得验证。
在真实的设备上同用户分享设计,借此可以获得最佳的设计反应。即便你仅仅只是画了线框图,也能在真实的设备上同用户进行测试相同。
测试相应式的设计,应该是一个宽泛而多样的过程。找台智能手机,把你的设计稿放进去,问问不做设计的共事和朋友,让他们看看如许的设计是否可行。接下来再换上ipad和桌面端设备,一步一步来。
全新的世界
从一个全新的角度来对待庞大的问题,咱们所要面对的一切仿佛都是新的。晋升团队成员的严密度,恍惚团队界线可让整个设计过程都快起来。咱们的设计应该不竭顺应新的需乞降新的状态,由于咱们的内容、营业和这个世界的变革更快。