在Web设计中推行一种新的极简风格究竟只是我一个人的想法还是整个移动设备开发行业的流行趋势?Web设计风格常常在改变:dancing babies,suckerfish菜单,圆角和彩带都曾在Web设计中大受欢迎。但是这些用来装饰界面的东西毕竟太过表面了。当前的Web设计领域渐渐开始流行一种更加简约,对用户更加友好的设计风格,所有放在网页上的内容都必须具有实际价值。新的移动革命推动了Web极简运动的开展。
极简主义并不简单
首先,极简主义并不等同于简单。如果一个网站使用白色的背景,没有插入任何图片,这样的网站只能说是简单,但绝不属于极简风格。 极简主义是指将事情的初衷呈现出来,而不是指将事物以最易于理解的方式展示出来。极简主义最重要的是关注事物的目的,并且将目的以最简洁明了的方式表达出来。
访问方式大有不同
顾名思义,移动设备就是可以移动的设备,它应该能够随时随地为用户提供服务,因此如果让用户从一大堆没有用的信息中提取想要的信息,这将是无法容忍的。移动设备有意使浏览器变得越来越智能化,这意味着浏览器需要知道用户的需求并且更具社交性(所谓的社交性是指人们能够通过tweeter让自己的妻子将桌子对面的盐递过来,而不仅仅是在web上显示)。 用户对Web的用户体验要求越来越高:要求web更具针对性,更加高效,更加实用,让用户能够直接得到想要的信息。
现在的用户对信息的需求和使用方式已经与几年前大不相同了。现在用户能够坐在自己的沙发上一边回复电子邮件一边欣赏Wilco的最新专辑,同时在tweeter上发布自己的感想,而这一切都不需要使用键盘或是鼠标。触摸屏革命使得互联网变得更加有趣——这一感受正如同1995年以后,当你在你的电脑上下载了AOL,然后等待你的调制解调器连接到网络一样。
移动设备的限制(屏幕尺寸较小,带宽有限,连接速度较慢)推动了Web上的极简运动。只有处理好了移动设备上的这些限制,才能使得你的网站更加适合移动设备访问。网站响应速度必须足够快以弥补移动设备连接较慢的缺陷,并且网站必须能够根据设备屏幕的尺寸调整适合的大小。
更用心地去设计吧
真正的问题是——如何做到极简主义?那就是,更用心去设计。毫无疑问,单纯地运行web网站和应用程序的年代已经过去了(除非你不想在未来的web发展中占有一席之地)。你不能仅仅只是抛出一个想法,然后等别人去发现。如果你想成功,那么你需要认真设计一个更有针对性,更高效,更实用,更实时的web网站。
要有目的性
在你打开Photoshop准备开始设计你的Web网页之前,请务必记住首先理清用户和开发者的目标。请确保将你主要的精力集中在如何凸显用户和开发者的想法,而不是千方百计想要美化一个无关紧要的logo。建立网站的目的才是你真正需要关心的——如果你能够凸显网站的主题而不是一些华而不实的细节,这对你的设计和用户来说都是最实用的。
要注意效率
充分利用颜色、排版或是留白来突出你设计中的重点。使用的颜色过多或是不足、页面太亮或是太暗都会影响用户的体验。只有在适合的地方使用颜色才能最有效地突出主题。
移动设备上的web设计不适合使用过多的图像或图标。这些图像或是图标需要花费很长的时间来加载,而在小屏幕上查看起来也相当费劲。合理地排版完全能够替代图像和图标的效果,而且更加有利于用户理解。
在文字、按键和链接周围留出一些空白的空间是非常重要的,它能够使页面看起来不那么凌乱。如果一个网页使用小号字体,并且不留有任何空白空间,这在移动设备上看起来是非常辛苦的;所以应该充分利用填充和边框使页面看起来更有条理。不要企图将所有的内容全部堆积到一个屏幕上,即使一个页面需要占用多个屏幕的大小,用户只用轻轻划过屏幕就可以轻松地浏览整个页面了。
要实用
在设计网站时仔细想想用户将如何使用这个网站,不要给用户设置一堆障碍(我最忌讳的就是:有太多的选项),尽量让你的网站简单明了。如果用户能够尽快与网站完成交互并且一眼就能找到想要的内容,那么他还有可能访问网站上的其他内容。
当用户不知道下一步该怎么做时,你的网站需要能够引导用户获取信息。当他们操作出错了,你的设计不应该让用户感到不知所措,当用户选择了一个按钮或是某个表格甚至是一个幻灯片后,你的网站都需要给出优雅并且直接的反馈。
别再浪费用户的时间了
用户的目标就是少花钱多办事,因此推动了移动设备上的极简主义发展。将所有不必要的内容从网站上删除,这样才能避免用户访问到无用的信息。极简主义并不意味着简单或是朴素,极简主义是将事物的本质呈现出来。Web极简运动就是让用户获取信息的本质。
文章来源:Mobile: The Web’s New Minimalist Movement
译文来源:http://www.webapptrend.com/
WebAppTrend是一个独立的技术博客,关注WebApp前瞻和实践,以及智能浏览器发展
请大家在关注CSDN的同时,关注我们的新浪微博 @WebAppTrend,欢迎加入我们的:193775364
分享到:
相关推荐
移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web移动开发web...
:closed_mailbox_with_raised_flag:极简的CLI...目录动机安装配置使用情况列表邮箱列表消息搜索消息下载附件阅读消息写新消息回复消息转发消息复制消息移动消息删除消息听新消息接口GUI TUI许可证更改日志信用Motivati
AppCan移动应用在线开发平台:Web开发者的逆袭.docx
下沉市场:电商巨头新战场.pdf
flex移动布局,极简公共样式包,可极大程度节约前端切图时间,对于响应式切图极为实用,兼容性较好,尤其适用于APP混合开发,附简易demo
来自全球的多位资深Web设计师给广大读者带来了大量精彩的iPhone和iPad移动应用设计与开发的专业文章。这些文章主要围绕移动Web设计与开发中的核心问题,内容涵盖:移动Web开发的趋势;如何建立一个移动网站;iPhone...
《移动Web手册(双色)》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍,让读者理解移动开发的复杂之处。接下来对移动设备上的各种...
这款主题采用响应式布局,对各大主流浏览器所做的兼容,对移动客户端所做的调整 支持RSS订阅 SEO优化 文章采用协议对著作权进行保护,支持emoji表情 支持禁止复制,禁止右键菜单,复制附带版权声明等多种功能 支持...
唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar唐俊开_[HTML5移动Web开发指南]_扫描版.rar...
移动Web技术随着设备和网络的优化迭代,包含更多、更复杂的应用功能,不再是大家所认识的简单交互、单纯展示的页面而已。如今移动Web开发者早期基于DOM的开发方式,逐渐向 MVC/MVVM类库框架迁移,比较有代表性的框架有 ...
移动快捷极简收银台SDK支付接口.pdf
HTML5移动Web开发指南,前端学习不可缺少的资料,想要学习H5的可以下载看看
使用html5,css3,jsp等技术编写的移动web网页,其中包含多个页面跳转,可注册登录。使用html5,css3,jsp等技术编写的移动web网页,其中包含多个页面跳转,可注册登录。使用html5,css3,jsp等技术编写的移动web...
移动Web界面样式.
基于移动电子商务项目3的移动互联网web前端开发
appkit-ui 极简的UI框架,可使用Svelte和Tailwind CSS在Web上首先开发响应式移动设备。学分大多数设计准则/灵感来自:
ImageCrop4Mobile是一个极简主义的图像裁剪小部件,与移动网络无关。 用法 var ic = new ImageCrop ( document . querySelector ( '.container' ) , './mei.jpg' , { /* crop size */ size : 200 , /* If true...
第4阶段:webapi 第5阶段:javascript高级 第6阶段:jquery 第7阶段:php基础 第8阶段:Ajax 第9阶段:阿里百秀项目实战 第10阶段:html5和css3 第11阶段:canvas 第12阶段:移动web视频 第13阶段:电商项目视频 第...