热门标签
对网页响应过程的思考设计
响应网页思维设计过程响应网页思维设计过程ldquo;自适应网页设计ldquo;这个装置,独立的概念设计,已经像野火一样在社区设计蔓延和发展。2011年设计星巴克、《时代》杂志和《波士顿环球报》网站,大型企业接受响应式网页设计的证据开始显著再现。这在习惯上网时并不奇怪ndash;手机、各种设备的数量迅速增加,平板电脑、掌上游戏机、游戏机、冰箱,谁知道不久的将来还有什么。我们**近的文章;响应性网页设计21个新鲜的例子ldquo;突出了一些惊人的网站显示响应页面设计的美丽和能力。
资源成本比为ldquo;传统;据说,它将花费至少50%来开发一个响应网站设计。虽然有越来越多的资源响应网页设计来处理这样的模板和框架,作为设计工程师和开发人员,我们如何优化我们的工作效率 正如响应式网页设计在不断发展一样,响应式网页设计也在不断发展。本文讨论了响应式网页设计工作流的几个主要因素。
为什么要改变我们的工作流程
通过提**率,可以大大节省时间。无论你是想赚更多的钱,花更多的时间在你的PlayStation或创新更好的页面设计ndash;一个远离经典网页设计的工作流程是必要的。燃气轮机;燃气轮机;燃气轮机;发现线框设计的发展趋势;这种粗放的介绍一步一步ldquo;瀑布;进行网站设计开发的过程已经被证明,大多数网站将在大约三四年前以这种方式创建。
传统web设计流程
在网页设计的响应中使用这种传统方法有明显的缺陷。这是我**次参与响应网页设计项目,这个项目的时间大约是老学堂定宽网站项目的5倍。想象一下给每个页面网站布局和位图设计的大小。是否会在浏览器中使用原型、视觉模式或及时响应设计决定设计ndash;一点一点地,储蓄加起来。认为响应性网页设计过程是灵活的,就像设计本身一样。
内容优先
任何网站中的内容都是重要的,但现在比以往设计更具响应性。不管你的计划和头脑风暴的结构如何,确定内容的优先顺序是至关重要的。响应型设计和专用型移动网站设计在内容交付方面**大的区别之一。所有用户都可以访问网站ndash提供的所有内容;这背后的理念是为什么响应性网页设计希望响应您或您的客户喜欢的内容网站。
书的泛滥
作为回应设计,任何内容的重要性权重都是关键的,因为内容顺序的变化取决于设备的可能性。在响应式网页设计中,由于需要在桌面屏幕移动设备上安装相同数量的内容,因此泛洪内容是一个常见问题。在您的客户问卷中、在初次接触时或在早期研讨会中考虑更多问题,以减轻您对web项目生命周期的响应后可能出现的问题。
设备规划
ldquo; 为什么没有iPhone的布局 50%的用户可以在iPhone“完美”中查看我们的网站;,作为客户,他摇头失望ndash;这是我**次错误的研究。牢牢掌握项目要求和内容量,希望确定哪个设备宽度和多少不同宽度设计不会太困难。这个简单安装图的响应性设计规划是一个可下载的Photoshop文件,其理想宽度为三为六个布局设计。这一决定无疑是您设计作出的**个回应。
带有PS图象处理软件和焰火设计的浏览器中的设备规划宽度
浏览器设计的优点是响应网页设计被放大ldquo;回应Photoshop,设计烟花犹如刀安迪middot;克拉克(ndash; 枪战ldquo;大话)。不可否认的是,一些项目将提供更快的结果和真正的,ldquo当场rdquo;测试。熟悉的工具如萤火虫和firesass威尔ldquo;枪;本ldquo;枪战设计师可以用HTML5和CSS3很快找到原型。浏览器中的颜色和字体大小等决定可能非常有效。
萤火虫
我个人很欣赏浏览器设计的诸多优点。我已经尝试过这个方法好几次了,但我发现我还是喜欢开始Photoshop。我非常喜欢杰瑞米吉拉德ldquo设计;方法从网站桌面版本。一旦我对字体、图像、桌面网站样式和总体设计方向满意,我将以**小布局或ldquo网站使用类似的视觉方向工作,适当调整布局移动“版本;”;。我喜欢的工作流程和任何设计客户要求的全面检修的可能性。然而,我喜欢的绝对不是每个人和每个项目都适合。
素描
ldquo; 花很短的时间素描,你可以节省几个小时在电脑上。你不仅可以节省时间,甚至可以买得起自己的。每当那个邪恶的怪物ldquo设计师的挡块在蠕动时,总会不可避免地留下一条自我怀疑的毁灭性路径,让它苏醒过来。我要求你开始素描作为你的过程的一部分,你会看到你玩的虚拟墙的数量显着减少。rdquo;Tara Roskell(ndash;ldquo;(我敢肯定,素描一直是大多数设计部门工作流程的一部分,现在比以往任何时候都更重要的是回应网页时代设计。
设计速腾
考虑到许多敏感网页设计可以直接跳转到浏览器,测试**次提交时间是HTML/CSS的现有概念尤为重要。我用设计速写本勾勒生活的微风;我很快就看完了这些草图。你会惊讶地发现,有很多问题和内容布局的挑战,你不想概述你的设计想法。
意境板和风格瓷砖
心情板一直存在于平淡设计的世界。概念集合影像主导大局ldquo;感觉;,设计中的网站是完美的响应性网页设计,因为完全有可能有六种视觉上完全不同的布局(尽管很少)。目前,我和客户之间的定期练习与三个情感板略有不同,以确定哪些风格与客户**初的需求产生共鸣设计。这消除了响应网页设计过程中的猜测,以减少多次设计修改的机会。
http://www.ytdns.net/wangzhansheji/689.html 对网页响应过程的思考设计