说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

Web设计师必须掌握的六大设计策略

HTML文档下载 WORD文档下载 PDF文档下载
对于Web设计师而言,除了具备一定的设计功底外,还要需要了解当前的设计潮流以及新技术。本文总结了6个简单的设计策略,设计师只需遵循这六大策略,即会让你的网站变得易用、吸引人和走在时代的最前端。

随着Web设计正在不断转向简单、可用、交互,Web设计师们也不能懈怠,他们要学会利用这几个核心要素设计出更加高效、更具有吸引力的网站。想要保证网站简单,开发者则应该避免使用厨房水槽法,并不是每个徽章、门、结构都需要实现。除了关心这几个核心要素外,开发者还需遵循以下几大设计策略:

1.响应式布局

随着智能手机、平板电脑等各种数码设备的普及,越来越多的用户通过不同的设备、屏幕大小来浏览网站,许多用户可能会利用手机来浏览财经报道,使用平板电脑在Netflix观看流媒体视频等。而要想网站自动适应这些屏幕,对网站进行响应式布局乃是非常关键且重要的一步。通过响应式布局设计,用户即可以各种形式访问网站内容,并且网站会根据屏幕大小进行最佳组合。


2.无限滚动

Pinterest、Tumblr、Facebook等这些知名网站都采用了这种无限滚动来提升用户体验。页面以一个优雅的方式提供无限的内容和信息给用户。当用户浏览到信息底部时,无需点击下一页等这些切换按钮即可自动加载更多内容。


3.越大越好

现在,有许多网站采用大幅摄影图片和全屏排印方式带给人们视觉上的震撼与冲击。一不做二不休,这种大胆的创意已成为许多设计吸引访客的一大信条,采用大幅创意独特的、引人注意图片和字母进行网站排版。与以往那种小、凌乱的页面展现方式比起来,这种单页图像网页或生动的大字体设计更能吸引用户的注意。


4.固定的Header Bar

采用CSS的fixed属性来固定网页头部标题栏,这种设计与之前是无限滚动功能相结合,可以给用户带来极好的体验,用户可以快速回到导航点。



5.互动性

用户寻找更多的互动与参与。NerdWallet有一个互动的工具,搜索飞行奖励或其他特殊优惠,以赚取信用卡。创建游戏秀的形式来推出表演,允许用户直接上传Vine视频或Instagram照片。伴随着社交媒体正在接管互联网,其正在寻找机会把读者融入到Web设计中。别忘记下载一些插件——它们能给页面带来许多交互性和乐趣。


6.Retina屏幕

现在是时候该考虑在视网膜显示器上浏览网站了,Retina屏幕是一种具备超高像素密度的液晶屏,视网膜屏幕的图像密度是LCD的2倍。在同一个空间下,拥有2倍像素的图片保存起来只占标准图片的一半空间。即使这样,在正常屏幕下显示的照片也可以清晰地在Retina屏幕上显示。


以上提供的六大策略都非常简单,对Web设计师而言,把所有简单的要素融合起来,就会做出不简单的作品。

来自:DJDESIGNERLAB

对话PaaS平台dotCloud布道师:“轻量级”与“重量级”虚拟化 微软:谷歌企业生产力软件依然不行 IT旅途——程序员面试经验分享 17岁女高中生赢得编程马拉松大赛冠军 雅虎宣布开发新的搜索工具 创新用户界面 前谷歌高管给初入职场新人的14条忠告 业界良心 Facebook下一步将开源交换机 Google Glass:未上市先遇阻 TIOBE 2013年5月编程语言排行榜:Objective-C再度反超C++ 开发者需知的10类工具 林仕鼎:架构设计与架构师 跨平台工具火拼:Icenium与PhoneGap Build谁属王者? 索尼终于想明白了:PlayStation生态走向开放 高达10亿美元,Facebook为什么要收购Waze? Cocos2D-X成全球第二大游戏引擎 仅次于Unity 亲爱的苹果,能不能别让应用太廉价? 陈晓影:一位女海归曲折的拓荒故事 IDG李丰:在中国,创业公司最好是一个One Man Company Google Drive新增“保存到Drive”按钮功能 可自行添加 腾讯CDC创始人唐沐加盟小米 总经理陈妍接任 老板我想辞职:因为小米100万元征集一张壁纸 移动周报:GitHub上最火的Android开源项目 免费才是王道:盘点开发者须知的25个免费数据可视化工具 Pivotal获通用电气1.05亿美元支持 或将改变大数据和物联网的游戏规则 大掌门与阿里云和解:云生态系统呼之欲出 刘有涛:恩信科技云计算大潮中扬帆起航 Cloudera释放Impala 1.0:与Hadoop完全整合,各方面完爆Hive 云通讯平台:让你的应用会说话 触宝用户过亿,CEO王佳梁常说的词是“创新” 全国电脑健康日启动 360搭建电脑维修开放平台 C语言实现归并排序 怎样实现程序中的取消功能 各位,上海哪边的房子便宜一点?(700左右,房内只要有简单家俱即可!) 一个<xsl:if>的问题 vc6.0 能否直接编译.mak文件?该如何配置? 关于XP中的PF使用率和字体占用内存的问题 有关安装nt server的问题 有关安装nt server的问题 关于数据库用户的问题! 很奇怪的现象,有人知道吗? 初级问题 电脑自动重启,有点难度,高手请进,如果对,绝对给分! 怎样用DAO或ADO访问EXCEL数据表? 请问该事件可以通过发送消息或其他的方法来触发吗? 有没有关于开发控件的文章和例子,请各位大侠帮忙!!! 告诉那有免费的数字化软件马上送分200 请问哪里有 Remote Authentication Dial In User Service (RADIUS)的资料或原码? 我怎么不能看你们的问题啊 关于数据库 window.parent.oa_middle.oa_userlist.document.location.reload();报错:对像为空或不存在 看如下的sql语句如何才能够把结果显示在grid内? 准备学习j2ee, 大家推荐些网站和书籍,我准备狂啃二个月!对了,我连它的开发工具还不知道呢,是不是还用jbuilder? 初学者,如何在C++ Builder中打印? DCOM编程要求在客户端安装DCOM,怎样安装DCOM,怎样判断是否安装了DCOM? 很小的小问题关于winsock 电话语音卡支持adpcm文件格式的直接播放吗? 关于Access数据库的两个问题,急! 一个初学者的简单问题。 大家好,一个小技术问题,不知道怎魔办? 两句的代码都出现问题!憋闷 高分寻求《数据结构-C++语言描述》书友,来者有分 谁知道哪儿能下载access的jdbc驱动程序吗? 好消息,Win2000下自定义报表问题! ATL里使用静态库的问题 我看不见你们问题的内容 试试难不难??HELP 请问如何禁止浏览器的退回按钮 怎样在客户端实现连接服务器的数据库,不装oracle的客户端 怎么获得地址 怎样使UltraEdit可以编译Java? 菜鸟问题:我建立一个工程后,用ClassWizard增加了一个类,它的基类是CTreeView,当我编译的时候出现错误,提示我的基类是不明确的,这是为什么 这个错误是因为什么?Exception in thread "main" java.lang.NoClassDefFoundError:Example 为什么接到集线器上的网线会一闪一闪的! insert into的问题,看是简单,但却不简单。。。 vb绘图问题 请问加入什么代码才能在下面的程序中实现分页!??谢谢! 如何判断局域网内另一台机器上的一个NT服务是否启动? 一各递归的问题。 寻求有关NAND FLASH 和支持他的文件系统的中文资料 Access数据库应该用什么数据库引擎驱动? 各位,谁有InstallShield Express 3.53 15天使用版的激活码阿 ado 中的数据库动态查询 北京到青岛的铁路长约九百千米一列火车四小时行驶了全程的三分之一照这样计算从北京到青岛大约需要几小时? 世界上稀有的动植物非常珍惜的 原电池中,电流计指示的是电子的方向还是电流的方向?原电池中的电流计指针偏转方向?在Cu-Zn原电池间接上电流计,指针偏向Cu?电流计指针偏转方向不是应该和电流方向一样吗?那不应该是偏向 过滤操作的注意事项 世界珍稀奇异的动植物详细介绍 原电池 内外电路 电子流向 方向相同么? 八年级下物理练习题(人教版) 世界上有什么珍稀动植物最少五种? 测厚度的仪器有哪些? 为什么洋壳和洋壳碰撞会形成海沟? 法向厚度快速测量装置是什么 请问测厚度的仪器有哪些? 世界上最深的海沟在哪个洋?珠穆朗玛峰的"珠穆朗玛"是什么意思? 故事的故是什么意思 测量尺寸的仪器有哪些?其中作为代表的仪器是什么? 陆壳与洋壳挤压一定会同时产生海沟,山脉和岛屿链吗如题啦`` 请问“如为自由故”的“故”是什么意思? 如何看待转基因? “端”表示为种类时怎样组词 "嘎故"什么意思 如何看待转基因技术 用尽字组词:表示死的意思【】 用端字组词:表示打量的意思:【】,表示种类的意思:【】. "故"有仍然的意思吗 转基因是否安全,如何看待 处理器l74500后面的hq mq ,u,m ,h都有什么差别呢 故你在什么意思 怎样看待转基因? 笔记本CPU那些m mq 具体 原电池中,电流方向是从正极到负极吗? 为什么蒸馏可以利用各成分的沸点不同 关挥发什么事 酷睿型号后面 HQ 或者 有什么区别? 活塞环装配在汽缸里为什么要留有开口间隙 将10mL0.5mol/Lde NaOH溶液稀释到200mL,其物质的量浓度是多少 尽快帮我解决问题, 如图所示,在三角形mnp中,H是高MQ与NE的交点,且QN=QM,猜想PM与HN的大小有什么关系,请说明理由 镁与硝酸的反应方程式就要与稀硝酸和浓硝酸这两个不要发些极稀、非常稀之类的.. 谁可以给我发一下2012年新人教版八年级下册物理电子课本,q:1553419253 吉布斯自由能 大于零,小于零,等于零意味着什么 原电池,电解池中电子移动方向 珍惜的动植物 什么情况下吉布斯自由能等于热焓呢?就是G=H 原电池内外部电子移动方向求真相!我知道外部电子是从负极流向正极,如果要形成回路,那电池内部就应该从正极流向负极,可是在实物图上我找不到可以让电子从cu流向zn的动力啊. 杭州有哪些珍惜动植物 某工程队修一段铁路,前3天修了225米,照这样计算,再修4天就可以修完.这段铁路共长多少米?要用比例解. 飞机中的负引力俯冲什么意思 金属探测仪器对孕妇有无影响?电子厂里的出口一般都有感应门,或者手持金属探测仪器,这样测对孕妇有无影响? 某工程队修一条铁路,前3天修了225米,照这样计算,再修5天就可以修完.这段铁路长多少米? 飞机俯冲时的向心力是什么 浓硫酸 买不到 只能买上稀硫酸 硫酸沸点高 能蒸馏 而其不易挥发 可以用烧杯 加热的方式提纯吗我设想是这样的 直接 加热烧杯中的硫酸 这样 随着水分的蒸发 硫酸的弄得 渐渐升高可是 会 某工程对修一段路,前三天修了225米,照这样计算,再修4天就可以修完.这段铁路程共长多少米?要的是方程!打酱油的,哪凉快哪呆着去! 当飞机俯冲的急剧下降时,速度会有什么变化 竹炭包一般可以使用多久 一个工程队铺一条铁路,前6天铺了360米,照这样计算,又用了14天把路铺完.这段铁路全长多少米?用比例解!急啊! 飞机俯冲下来.扩句 我有急用,麻烦大家告诉我世界上有哪些最珍惜的动植物 北京到青岛的铁路长900千米,一列火车4小时行1/3,从北京到青岛要多长时间?我已知是4÷1/3=12(小时)但是不知道为什么这样做. 世界珍稀动植物各一种就行!要世界上的,不要中国的!还要分布地区!十点节止! 酚油的化学性质,比如说:是否易燃易爆易挥发,是否有毒等等希望各位大侠能给我一个准确的回答, 北京到青岛的铁路线长820千米,一列火车2小时行驶了全程的2/5.照这样计算,从北京到青岛乘火车大约需要几小时? intel酷睿i系列的命名规则是什么,后面的字母M,XM,还有那三位数或四位数有什么特殊的意义? 什么液体茶色易燃易挥发有醋酸味能溶解油漆
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘