随着时期和技巧的发展,网页设计的流程正悄无声息地产生着伟大的变更。精准具体的设计交付列表不再是网页设计的唯一尺度,静态页面设计在全部设计流程中所占的比重也逐步下降,正如同Stephen Hay所说,我们所设计的不再是单纯的页面,而是包括诸多组件的一全部体系。
瞬息万变的不仅仅是内容和信息,用户所用的装备和内容出现的模式也在迅速转变着,这些都与网页设计息息相干,也没有任何迹象表明这种转变会变缓。而我们的设计作为载体和出现的载体,理应走在它们的前面。
之前的网页设计流程在今天看来已经无法敷衍这一切了,修整刻不容缓。敏捷开发、团队协作和适应性调剂都已经是设计进程的最前沿,设计和开发之间的界线越来越隐约了。
移动端优先
移动端优先,这句口号已经喊了好几年了,真正有远见卓识的网页设计师应当很清晰这句话远不止于口号那么简略。移动端优先必定会牵涉到设计流程,我们应该从小屏幕着手,先设计简略的布局,然后为其增长庞杂度,以其为基本,为更大的屏幕来进行设计。
随着移动端装备的用量超出PC,移动端的网页阅读无疑已经成为用户获取信息的重要渠道,移动端优先的设计自然应当成为常态。
除非你的网站情形非常特别,或者你拥有极具说服力和特别的数据支持你的想法,移动端优先的设计符合逻辑也有道理。
相比于为小屏幕去下降全部设计的庞杂性,为移动端先做好适配再晋升其庞杂度,是更容易的。回忆一下依照之前的流程来设计网页吧,我们总是疲于应对客户的请求,在后期还要来回调剂设计和代码。未完成的页面和不够易用的移动端页面,填不完的坑。
桌面端的页面总是先做完,而在此基本上修正出来的移动端页面,似乎总有点粗制滥造的感到。
那么我们就不要将”移动端优先”当作一句简略的口号好了!从现在开端真正意义上为移动端的小屏幕开端做设计!
搭建而非拆卸
设计是一个积聚的进程,每一个提高都是在前一步的完成和成功的基本上,逐步树立起来的。
基于小屏幕的设计计划是符合逻辑的。我更偏向于一砖一瓦地搭建,而非做好了再一点一滴地拆卸下来。
我能想到最好的类比是“原子设计”,这种设计办法是通过逐步晋升庞杂度来构建事物。简而言之,借助这种思路是这样做设计的:
肯定根本的排版组合、尺码大小和颜色应用 基于这些根本的设定,肯定诸如表单字段和标签等小元素的设计 基于以上的设计,完美诸如完全的接洽人表单的大的元素的设计 将这些已经构建好的网页元素搭建成为页面反复以上进程
就是这些不起眼的元素构建起了你的页面,也正是这样简略的方法,同样可以完成之前看起来庞杂无比的页面设计。只要你用好这个设计流程,它所带来的可能性是无穷的。
比起一开端就操刀设计页面,完成 这些“砖瓦”的设计更容易上手也更便捷,全部设计流程从移动端过度到桌面端也更加完善流利。想想在这个进程中,你和你的客户所须要专注的事情吧,无非是连续不断地添加细节就好了。
在探讨响应式网页设计的设计进程之时,我们消费了大批的时光在断点的媒体查询和为现有硬件装备做设计的平衡之上。造成这个局势的重要关键,就是网站的内容。
如果可能的话,尽量在设计后期的时候,同内容和营销团队亲密合作,在内容的构造和划分上多花心思,防止最终在这个问题上影响网页的设计,涌现意外。
即便是如此,从设计之初到设计后期乃至全部页面上线,网页内容都可能是一直处于变动当中。题目越来越长,图片改换,区块被调换,等等等等。
“如果可能的话,尽量应用真实的内容来进行设计。”
一个真正精心设计的体系应当是可以收放自如的。所以,如果真的将营销和内容团队供给的Word文档转化成为一个可靠的页面,这样的事情不应当令你头疼。
虽然有些细节的处置上确切须要多加注意,但是我的经验告知我,其实并不要想庞杂了,也不要想多了。绝大多数时候,一个紧凑而聪慧的设计作风指南(Style Guide)能让所有的事情水到渠成。
测试和实现
进行原型设计确切很不错,但是原型设计的问题也在于,它还是一种“闭门造车”的设计,并没有在真正的用户那里得到验证。
在真实的装备上同用户分享设计,借此可以获得最好的设计反馈。即使你仅仅只是画了线框图,也能在真实的装备上同用户进行测试沟通。
测试
响应式网站建设的设计,应当是一个宽泛而多样的进程。找台智能手机,把你的设计稿放进去,问问不做设计的同事和朋友,让他们看看这样的设计是否可行。接下来再换上iPad和桌面端装备,一步一步来。
全新的世界
从一个全新的角度来对待庞杂的问题,我们所要面临的一切似乎都是新的。晋升团队成员的合作紧密度,隐约团队界线可以让全部设计进程都快起来。我们的设计应当不断适应新的需求和新的状态,因为我们的内容、业务和这个世界的变更更快。