2022年响应式排版中的基础知识.docx

《2022年响应式排版中的基础知识.docx》由会员分享，可在线阅读，更多相关《2022年响应式排版中的基础知识.docx（13页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精选学习资料 - - - - - - - - - 互联网何时产生？专家对此说法不一,30多年前,互联网的应用特别有限,仅仅一小部分人能够接触到这种” 先进” 的技术；然后经受了 30 多年的指数级进展,它取得了梦幻般的胜利；十年前,互联网刚刚处于雏形阶段,到如今,整个产业的格局已呈” 大而不倒” 的局面；而互联网的阵线也拉长了,从传统的” 老式桌面” 到各式各样的便携式设备,从由互联网引领的” 大数据时代” ,再到储备的新革命” 云概念” ；而设备呢？手表、眼镜各种以网络为基础的可穿戴设备正在蓬勃进展；如穿越到十年前, 向别人描述今日的网络现状,他确定会一笑而过,认为这只不过是” 海市蜃楼”

2、般的幻想；但十年后的今日, 这些革新一一实现,不再是触手不行及的幻象,这全部的技术革新切切实实的就在我们身边；感谢那些为互联网做出奉献的革命者们！这张图能够很好的阐述响应式设计的思想；名师归纳总结 - - - - - - -第 1 页,共 7 页精选学习资料 - - - - - - - - - 而聪慧的 Luke Wroblewski提出了” 移动优先（Mobile First” 设计战略,他认为,这种设计模式：先从移动设备开头设计,那么设计便能很轻松的向下兼容；（通俗的讲,就是大屏确定能完善出现小屏上的设计,而小屏不肯定能装得下大屏上的设计；）世界始终在变, 它的变数很大, 而引领世界转变的

3、互联网变数大到你无法想象；因此,迅捷的变化节奏导致互联网工作者的工作注定是” 高强度、快节奏” 的, 要么适应变化, 要么引领变局,要么被剔除,无非这三种；正因如此,这个行业竞争猛烈,新生力气层出不穷,很难有人始终保持前列；而本文的目的, 不是为各位设计师排列出森严的” 军规” ,这么干” ； 本文的目的是更新大家适应网页设计的观念,就,以更好的适应变化；然后以专家的口吻说” 你必需得 把握哪些经受过时间检验的基本准新时代的网页设计布满了各种新技术、各种新的 jQuery 脚本、各种响应式网页设计但 我们依旧不能忽视最基本的网页设计基础；新时代的网页设计以响应式理论为蓝本,力图在不同设备上出现

4、一样的网页浏览体验；而响应式时代依旧不便的设计基本准就又是什么呢？一起来看看下面的七条,望诸君设计时 牢记于心；1. 优秀的网页设计应当简约,并且完整 设计大师往往都是哲学家,他们往往保持一种包涵的设计态度,不会采纳极端的设计方式,他们的设计往往是一种平稳之美；我们可以画出一个横轴,左边是简约、右边是完整,而最好的设计会聪慧的选取中值（如下 图）名师归纳总结 - - - - - - -第 2 页,共 7 页精选学习资料 - - - - - - - - - 网页设计必需简约,任何无用的特质都必需移除；与此同时, 网页设计必需能够满意用户需求；太简洁的网页假如没有空能支撑,那么从里到外就真的是”

5、空洞无物” 了；太复杂的网页假如缺少简约的收束,那么便会” 尾大不掉” ,让用户阅读困难；“ 言简意赅” 的设计才是好设计,一个设计师的掌控力得以表达；总结起来就是一句话：一个布局、 风格具有简约美, 同时又能供应大量有价值信息的网站必定 受用户欢迎；2. 用户往往缺乏耐心 互联网布满了机遇,每个人都想通过简洁的操作便能猎取所需信息；互联网的信息浩渺如海,你并不是唯独的信息供应者；亘古不变的是： 用户的时间珍贵,他们缺乏耐心；挑选离开,进而查找其他网站来谋求信息；假如你不能供应便利的信息,那么他们会想要做好这一点？说白了,就是信息层级要清楚,加载速度要快；但其实也不简洁,就加载而言,我举一个例

6、子上面这三种加载方式,中间的方式最迂腐：用户会想这等到什么时候会是个头啊！右面呢？右面会不会好一点？答案是不会,想想你高中时上午最终一节课,你在等下课, 所以你始终认真的看着表上的指针,你越急躁,观看的越认真,越能感觉到” 时间太慢” ；名师归纳总结 左面好不好？也不好,旋转指示条转的快,用户会认为加载速度很快,用户会想” 加载的这第 3 页,共 7 页- - - - - - -精选学习资料 - - - - - - - - - 么快仍没有完全载入,这是设计问题吗？”竟然这么慢”转的慢,用户会认为” 这是网络问题,加载的说实话,上面这三种方式都是告知用户：请等待！所谓的进度读取、旋转读取只不过是

7、一 种心理骗局：无论多块、进度条多充盈,在没有完成加载前,用户仍是看不到页面信息；而最近显现了一种新方法,Luke Wroblewski在他的文章中提到过,叫做框架读取,也就是加载了多少内容,呈递多少内容,举荐各位尝试；参考阅读：谈谈加载 LOADING 的那点事 举荐：如何加速网页的打开速度 高端揭秘：为你的响应式设计提速 3. 网页设计必需具备一样性想像一下你作为网络浏览者时的经受：你在浏览网页时,一般都不会具体阅读内容,你会快速滑动页面,大致浏览一遍,假如看到感爱好的信息便停下,习惯；进行认真阅读；这是一种用户万物作而弗始,生而弗有,为而弗恃,功成而弗居；夫唯弗居,是以不去；道德经在 J

8、ohn Allsopp 网页设计之道中有这样一句话,大致是这么一种意思：设计师不应当作为用户的对立, 设计师应当敬重用户的习惯,让设计适应用户的习惯,而不是做一个高高在上的独裁者；功成身退,这好像有种” 宏大的设计是隐形” 的意味；好了,我们把话题扯回来,用户的这种阅读习惯意味着什么？这意味着设计必需具有高度的一样性, 用户看到前面的布局,对后面的布局有一种” 预期” ：他会认为后面的页面布局也是如此,不要破坏用户的阅读节奏感；同样的, 同一页面的各个元素以及各个子页面之间必需要具备一样的联系性,也就是说设计师的设计模式应当专一,再举个简洁的例子,假如主页的导航栏布置在上方,子页面的导航栏布置

9、在侧边,你认为用户会兴奋吗？参考阅读：高手之路：如何设计才能让网站风格和谐一样4. 将导航菜单作为交互的” 核心”名师归纳总结 - - - - - - -第 4 页,共 7 页精选学习资料 - - - - - - - - - 上面已经提到 过,各个页面的导航栏必需具备一样性；有时候, 好的网页设计和差的网页设计差距就在导 航菜单,好的导航菜单成就了一款设计,坏的导航毁灭了一例网站；每当用户有问题时,他都会习惯性的翻阅导航菜单,这也是用户习惯,要留意；个人认为,导航是网页设计的核心元素,影响到网站的交互性,至于要怎么设计,仁者见仁, 智者见智 了；参考阅读：大型网站导航设计指南 网页新趋势：革命

10、性的创新网页导航设计5. 留白和信息同样重要“ 内容为王” 、” 内容至上” 是吗？那我就供应大量丰富信息,把网站全部都填满；” 这种设计思想真是大错特错,名师归纳总结 - - - - - - -第 5 页,共 7 页精选学习资料 - - - - - - - - - 太片面了；你要有这样一种观念：留白也是设计的一部分,那些不使用的空间也能发挥其作用；从用户的角度来说,留白很好,让布局更有条理,信息更清楚；太坚强的事物简洁折断,有张有弛才能长期；网页设计也是同理,多给用户一点阅读呼吸空间,让他们感受到网页设计的” 节奏感” ；各位可以自行想象一下,假如一款网页中一点留白都没有,处处都是密密麻麻的

11、文字和图像,你会感到舒适吗？参考阅读：我们为何要在设计中重视” 留白”6. 专心的设计都有清楚的视觉层级明智的设计师不光会创造内容,仍知道如何高效组织内容,传递信息；视觉层级对于信息呈递来说反常重要,优秀的视觉层级仍能帮忙设计师强化设计理念；空间排布、间距使用、整体布局,关于这些的探讨已经够多了,归根结底,无非是为了打造优秀的视觉层级；参考阅读：如何在设计中建立良好的视觉层级7. 永久不要忽视字体名师归纳总结 - - - - - - -第 6 页,共 7 页精选学习资料 - - - - - - - - - 内容为王,那么内容是由什么包装的呢？答案是字体,这种小小的细节能造就大差异；字体的清楚与拒绝定了信息呈递的结果；扁平化设计强化了大家对于字体的重视,这一点我很赞同；仍有一点趋势不容忽视：屏幕越来越大；那么字体呢？本文虽然是老生常谈,但是我信任这些准就不会随流行而转变,想要设计出更优秀的网页？别焦急复制流行了,先磨磨你的基本功吧；原文地址： omahpsd 编译： MartinRGB名师归纳总结 - - - - - - -第 7 页,共 7 页