2014年,你的设计不但要考虑笔记本、台式电脑,还要考虑智能手机、上网本和平板电脑等设备。你都 准备好了吗?
一起关注10个网页设计趋势热点:
1. 更多的CSS3 + HTML5
在过去的几年设计师已经开始关注和使用CSS3+HTML5,但在2014年CSS3+HTML5将会得到更广泛的应用。网页 设计师最终会抛弃Flash。Flash不再是昔日的王者,新技术(指CSS3+HTML5)将会取而代之。2014年,Flash渐行渐远,魔术师 “HTML5”成为舞台的主角;
2. 简单的配色方案
没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的,太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然,颜色最好保持使用2到3种。调整颜色的透明度,或许会给你意想不到的效果。
3. 移动互联网时代的到来
智能手机,ipad和上网本随处可见,OMG,2014年这个现在将会更加明显。。据相关预测,智能手机销量将会超越个人 PC。赶快准备好,迎接移动设备大军的来临。
4. Parallax Scrolling
先来解释下Parallax Scrolling,Parallax scrolling 是让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。Parallax Scrolling可以通过一些简单的CSS技巧或jQuery插件来实现(示范站点:站点1 站点2)。Parallax scrolling运用于网页设计的次要元素中可以起到很好的效果:如header、footer或者背景。不过最好不要运用于网站导航,那显得有点不伦 不类。
5. 设计需考虑更多的触屏设备
作为设计师,我们更喜欢鼠标。当鼠标悬停的时候链接会变得高亮,然而触屏没有所谓的悬停。你将会在设计中如何向触屏设备访客展示链接?同样,如何才能做到 方便你的游客仔细阅读您的网站?这可能在浏览器标准上存在争议,或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。
6. 深度判析
深度判析是关于在网页设计使用维数,这样可以使你的网页变得更加真实。如果运用得恰当,那将会是一个虚拟的3D效果,就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计,你仍然尝试使用维数进行设计。
7. 大背景图
景图像一般是高分辨率,覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式,可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。 当然背景图的色彩、内容等都十分讲究,任何情况下都不要破坏用户的体验,不然再漂亮的照片也是枉然。图片类型趋向于一些比较柔和、略带透明的一类,不要影 响到网站文字的阅读,讲究协调,易于阅读。
8. 不拘谨于顶级域名
9. QR: Quick Response
这个方形的条形码被称为QR,全称为Quick Response(在“QR Code读取器QuickMark” 介绍过)。使用你的手机拍摄一张唯一的条形码的照片,像魔术一样,手机上读取QR的软件就会打开条形码相关的网站。最美妙的事情是你可以将QR应用到很多 地方。应用QR到你的网站,目的是让浏览者拥有一个你的移动网页的快捷方式。你还可以通过在您的网址上放置一个特殊的推介代码QR追踪你的访客。 哈哈,你完全可以使用QR作为你的头像,然后到别人的网站留言、评论。
10.缩略图设计(Thumbnail Design)
过去我们只能通过点击链接才能看到网页的内容,现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。
技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地。而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考 和创意。所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧。我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人 对当下网页设计做出的一些小总结。希望这样的归类总结能给你带来更多的思路和想法。
日期:2014-11-07 07:56:54