网页设计怎样最美.docx
- 文档编号:7089774
- 上传时间:2023-01-17
- 格式:DOCX
- 页数:19
- 大小:1.55MB
网页设计怎样最美.docx
《网页设计怎样最美.docx》由会员分享,可在线阅读,更多相关《网页设计怎样最美.docx(19页珍藏版)》请在冰豆网上搜索。
网页设计怎样最美
网页设计怎样最美?
本文译自网站设计公司,介绍了在他们眼里8个Web设计趋势:
单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视差滚动、强调字体,每个趋势后面都附了数个案例,相信对网站设计师会有一定的参考价值。
像苹果网站的单页面
单个长页面的设计一度不受人待见(无论是客户还是设计师),但现在整个网络随处可见。
一个合理的解释是,用户现在早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多。
包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品,获得了很不错的效果。
Apple
Visualboxsite
Versapay
Fitbit
Cageapp
Squarespace
用品牌、商品照片做背景
出于品牌或展示的目的,把照片用做网站的背景,这样可以形成强烈的视觉表达效果。
这也是为何你能在时尚、服装品牌、旅游业等等行业看到这样的设计办法。
Alexarts
Davidia
色块方格设计
这一设计方法主要是引入了方块的网格设计,这些方块要嘛是纯色块配上文字,要嘛是方形照片配上文字。
"简洁"是吸引用户的一大原因,而不同的色块放在一起形成强烈的对比,容易引起用户的视觉兴趣,进而继续探索下去。
Dynamit
Lithium
Landor
Pepsi
超大号的图片
这一潮流的兴起,多少与MacOSX图标设计的流行有关。
当工程师为自己的Mac程序推出网站时,这样配有超大号图片、突出品牌的设计再常见不过。
自然地,这一潮流后来也被iOS开发者继承了下来,成为现代设计文化的一部分。
Zennaware
Panic
Versionsapp
Piictu
Enstore
聚焦简洁
对简洁的追求贯穿了整个2012年,许多的网站开始寻求明快、直观的设计。
极简设计旨在透过整合或是删除多余的页面实现简化,只给用户需要的东西。
极简设计通常会用到大号的加粗字体、超大号的图片,清晰地把重要的东西传达出来。
Basecamp
Dropbox
Checkoutapp
HTC
响应式设计(Responsivewebdesign)
随着手机和平板设备越来越多地进入人们的生活,响应式设计也成为了当下网站开发不可忽视的一股力量。
一个可自适应任何设备的网页是很了不起的,响应式设计能确保用户无论是在行动装置,或者在PC上都能按你的意愿浏览内容。
Nealite
Twitter-Github
Fork-cms
Floridahospital
视差滚动
所谓「视差滚动」(ParallaxScrolling)就是让多层背景,以不同的速度移动,形成运动视差3D效果。
随着越来越多的浏览器增加对视差的支持,这一技术也很有可能会更加流行。
Benthebodyguard
Tokiolab
Chartbeat
Inze
Titanic
Noleath
强调字体
从前,设计师所能使用的字体,受用户计算机本地已有的字体所限;现在,借助Googlefonts和Typekit等服务,从理论上说,你能使用的字体是无限多的,极大增强了网站设计的吸引力。
设计师利用这一机会也已有了一段时间了,越来越多的网站也体现了对字体的重视;甚至有些网站如Typographica,字体就占了整个网站设计的绝大部分,出来的效果也相当不错。
Nicehair
Bitfoundry
Daneden
相信以上的这些设计方法会流行相当长的一段时间,当然,你也可以发挥创造力,有机地组合它们,做出优秀的网站。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 怎样
![提示](https://static.bdocx.com/images/bang_tan.gif)