没什么成功的Web项目是在设计师和开发没办法流畅交流的首要条件下解决的,协作才是做小项目的基础。
我曾看到资深的设计师和开发者由于交流不畅和误会致使项目失败,也见过小白设计师和开发团队一块通过高效协同,做出惊艳无比的设计项目。在项目之初充分的磨合,能让项目在后续的迅速迭代中更为流畅。足够和谐的交流不只有益于工作,而且能让整个团队维持情绪的稳定性。
而在响应式网站制作项目中,设计师和开发者之间的交流流畅与否,就看上去更为要紧。
设计响应式网站的时候,整个团队需要为很多不同尺寸屏幕的设施充分考虑,习惯于“像素精确”的设计师和开发者需要对流动的界面和很多的不同比率的设施有充分的筹备。简而言之,响应式设计使得整个项目出货面临着很多的不确定原因,这也是响应式网站项目的难题。
期望下面的5个小窍门,能帮每个团队顺利解决这种项目中的交流障碍和技术问题。
当你面对着手机屏幕和桌面端显示器这两种极端的屏幕尺寸之时,疑问会自然而然出现。有些设计师打刚开始就从动态的视角开始他们的设计,但绝大部分的设计师仍然是从静态的页面开始着手设计的提升响应式网站制作的制作效率办法。你的开发团队优先考虑什么尺寸?设计团队第一出货的高保真视觉稿是什么尺寸的?从技术限制的角度出发,你应该优先考虑什么设施?
我一直推荐从用户最基本的“极端”尺寸开始考虑,推荐目前(2015年)常用设施中最小和大的状况提升响应式网站制作的制作效率办法。如何展示内容才算是过多?分栏是不是因太宽减少了易读性?怎么样选取元素才能防止如此的问题?最后,面对两个不同尺寸的界面,你还要考虑它们所涉及的输入方法,最小的屏幕上一般是触摸屏和虚拟键盘,大的屏幕上,绝大部分时候是传统的键盘鼠标。
这里非常重要的事情可能是你需要一次挑选两个界面尺寸来做,而不是传统的针对一个屏幕设计,然后完成剩下的部分。设计师和开发者在这个问题上出现分歧,对后续的影响是很大的。
在平时的网站制作中,大伙对于静态的线框图投注了这样之多的关注,但在做响应式设计的时候,应该一直谨记页面内的布局是流动的。这也就意味着,你网页的用户绝大多属时候所体验到的页面其实是它的“中间态”。所以,你需要考虑伴随屏幕尺寸大小的转变,布局设计的每个调整和改变。譬如,当屏幕尺寸变小的时候,文本内容需要缩短,并且和混排的图片会与文章缩到一栏中去。
这类适配能与不可以、该与不该的问题上,尽可能不要同你的开发团队去“假设”或者“推断”。积极主动地去确定这类信息,在你负责开发的同事还没做太多之前,和他们达成协议。对于复杂的布局改变,事先绘制先框图或者草图来单独说明,是很明智之选。对于一些不那样要紧的特质,通过简短的讨论或者邮件公告就足够了。
响应式网页中的图片,一般是由一组多个不同尺寸的图片组成的。譬如我的网站首页顶部的大图,就是由一组6个图片组成的,分辨率和尺寸各不相同,确保不一样的设施都能匹配上对应的图片。
图片格式和尺寸一般会让团队内的设计师和开发者之间产生隔阂。你可以用PNG,也可以用JPG,图标字体和SVG也会在网页上非常不错的运用。也就是说,并没一个正确的答案提升响应式网站制作的制作效率办法。提升响应式网站制作的制作效率办法。URL链接: