网页(Web)设计须考虑六大设计要素
发布者:东郡网络 时间:2014-09-30 00:00:00随着Web设计正在不断转向简单、可用、交互、移动应用,作为Web设计师工作者也不能懈怠,我们要学会利用流行使用的习惯核心要素设计出更加高效、更具有吸引力的网站。保证网站简单,实用,符合和不断优化用户的使用。
1.响应式布局
随着智能手机、平板电脑等各种数码设备的普及,越来越多的用户通过不同的设备、屏幕大小来浏览网站,许多用户可能会利用手机来浏览财经报道,使用平板电脑在Netflix观看流媒体视频等。而要想网站自动适应这些屏幕,对网站进行响应式布局乃是非常关键且重要的一步。通过响应式布局设计,用户即可以各种形式访问网站内容,并且网站会根据屏幕大小进行最佳组合。
2.无限滚动
Pinterest、Tumbr、Facebook等这些知名网站都采用了这种无限滚动来提升用户体验。页面以一个优雅的方式提供无限的内容和信息给用户。当用户浏览到信息底部时,无需点击下一页等这些切换按钮即可自动加载更多内容。
3.越大越好
现在,有许多网站采用大幅摄影图片和全屏排印方式带给人们视觉上的震撼与冲击。一不做二不休,这种大胆的创意已成为许多设计吸引访客的一大信条,采用大幅创意独特的、引人注意图片和字母进行网站排版。与以往那种小、凌乱的页面展现方式比起来,这种单页图像网页或生动的大字体设计更能吸引用户的注意。
4.固定的Header Bar
采用CSS的fixed属性来固定网页头部标题栏,这种设计与之前是无限滚动功能相结合,可以给用户带来极好的体验,用户可以快速回到导航点。
5.互动性
用户寻找更多的互动与参与。NerdWallet有一个互动的工具,搜索飞行奖励或其他特殊优惠,以赚取信用卡。创建游戏秀的形式来推出表演,允许用户直接上传Vine视频或Instagram照片。伴随着社交媒体正在接管互联网,其正在寻找机会把读者融入到Web设计中。别忘记下载一些插件——它们能给页面带来许多交互性和乐趣。
6.Retina屏幕
现在是时候该考虑在视网膜显示器上浏览网站了,Retina屏幕是一种具备超高像素密度的液晶屏,视网膜屏幕的图像密度是LCD的2倍。在同一个空间下,拥有2倍像素的图片保存起来只占标准图片的一半空间。即使这样,在正常屏幕下显示的照片也可以清晰地在Retina屏幕上显示。
本信息来源于:东郡网络