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

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

[开源推荐]TurboGears:一站式的Python开发框架集合 腾讯云公测终究还是来了 BAT云大战将开启? iOS 7将从这三方面影响IT界 超越Google,他企图将整个互联网塞进1台电脑 2013互联网安全大会议题先睹为快之CSA中国理事赵粮 移动建站工具(二):分秒钟DIY一个移动网站 2013上半年中国移动互联网报告,在线完整版 iOS开发者必备:九大设计类工具 已到“迟暮之年”?微软投资者提议两“救世主”外部候选 【SDCC讲师专访】Joseph G. Brown:云带来的软件销售方式变革 用户界面设计攻略:设计师需注意的九大要点 Google Glass的竞争对手来了:看YC演示日的五款新孵化项目! GPU Saturday技术沙龙:OpenCL程序员眼中的下一代APU架构 黑帽大会演讲中国第一人:从攻到防,从白帽黑客到创业者 15个步骤创立技术公司,并收获千万用户(完结) CTO容易犯的三大错误 谷歌艺术计划:互联网能否取代真实的博物馆? Hadoop技术沙龙:Hortonworks技术研发总监展望Hadoop 2.0 Marissa Mayer:雅虎月活跃用户增长了20%达8亿 移动用户3.5亿 气死偷车贼:脑电波防盗技术,让偷车贼无计可施 TIOBE 2013年9月编程语言排行榜:Transact-SQL首次进入前十 前Oracle总裁Charles Phillips:商业软件领域的“乔布斯” 留住你的用户:8款第三方移动推送服务 人气最旺:主流移动应用创建工具大合集(一) 不要强迫用户注册,请让他们先试用产品 Eve:基于Python的REST API框架 想扩展你的数据库吗?那么先了解一下I/O 白帽黑客将现场爆料Android系统及框架漏洞 9月13日:程序员节,一起来过节吧! 欲与Siri、Google Now比高低:微软开始打造个人助理Cortana 【开源专访】禅道创始人王春生:覆盖项目全周期,回归管理的本质 为什么 Rs->GetFieldValue 取两个字段的时候出错,只能一次去一个字段么? 用C#如何实现在form上画一条曲线,然后用鼠标托动曲线上的某一个点,该曲线的弧度根据鼠标的移动而变化 如何选择一行数据,条件是该数据的date类型的列为空(oracle)? 强烈建议!!!! 用过MSComm的朋友看过来。 清详细介绍ActiveX 请教众英雄: 怎么用C#写一个ComboBox Web Control 谢了!to anybody1 中国共享软件注册中心的2002年2月份汇款为什么现在还没到? 请问用DELPHI的ADO挂接的VFP数据库,进行删除只能是加删除标记,如何应DELPHI彻底删? 为什么 Rs->GetFieldValue 取两个字段的时候出错,只能一次去一个字段么? 请问用DELPHI的ADO挂接的VFP数据库,进行删除只能是加删除标记,如何应DELPHI彻底删? 怎样在weblogic5.1下建虚拟主机 ?xml+xsl=fo? 百分求解!!!!!!(给个思路也好呀) 请问哪儿有好一点的免费计数器? to cobi(我是小新),txinfo(冰炎两重天) 两位高的在吗? 如何将mpeg文件中的某一帧保存为BMP文件? asp中加入了一个组件,但是用到一些属性、方法时会出错,而且相当慢,怎么会事 共享软件为什么要收钱? 怎样编程控制Memo控件滚动到最底下? 寻找可以在局域网内代理QQ的软件,谢谢!!!!!! 我下载了一个控件叫XPMenu.pas的菜单资源文件,我不清楚如何使用才能使用这种没有具体图形的原代码? 谁可以提供将autocad2000的.dwg或.dxf格式转换到.mif格式的软件~~~~~~~~~ 请问qq是delphi还是vc做的? 网络协议方面的编程,我该学Visual C++还是Visual C#.net? 如何用LotusScript创建一个表单?(进者有分!!!) exchange的测试问题 请大家帮个忙,到哪里可以找到关于http,FTP协议的资料 请问为什么在Debug编译好的Dll,Release版就会报错? 怎么这个问题没人回答,在线等待,一定给分 懂DLL的同志请看过来! 如何得到Windows中用户设定midi输出设备的序号 请问怎样控制数据窗口某列某中数值的字体颜色,给高分,呵呵,请指教 请问qq是vc还是delphi些的呢? 有没有开发IE插件的SDK? 各位大虾请帮忙,简单的vb循环转C++ 急救:::一个关于网站建设的问题 如何在代理中使用LotusScrip创建表单? to:anybody1 thanks Delphi6.0中怎样使用OpenDialog?(一定给分) 本周五3。15是giko(孤独的老鱼)的生日! 用bcb编写cgi程序 关于权限的问题用SQL语句实现?急急!!! access violation 问题 小弟的登陆程序还有点问题,请各位帮忙解决。 听说能自己给自己加分? ◆◆◆奇怪,关于ZIP 压缩文件??? 怎么在运行时为picutrbox控件内部增加其他控件?还有问题解决了,分怎么给? 如何恢复ASP的组件服务? 又一个C/S方式下的编程问题,不明白呀?为什么呢?怎么做呢? 几个初三化学问题-------关于化合价下列关于化合价的说法中正确的是( )A.液态氧和液态氢的混合物中,氧元素显-2价B.金属显正价,非金属显负价C.一种元素在同一种化合物中,可能有几种化合价D 如何检测碘酸钾与硫酸铜是否反应完全? 一亩大概地产多少土豆? 在两对相对性状的独立遗传实验中,利用AAbb和aaBB做亲本进行杂交,F1自交的F2,F2代中能稳定遗传的个体和重组型个体所占的比例各是多少?A.1/4 和 6/16 B 9/16 和 2/16 C1/8 和 3/8 D1/4 和 10/16 碳酸(H2CO3)能与亚硫酸(H2SO3)反应吗 镜面抛光机械研磨抛光, 高中必修二生物求助2,谢谢两对等位基因Aa,Bb,分别位于不同的同源染色体上,让显性纯合子(AABB)与隐形纯合子(aabb)作为亲本进行杂交得F1,再让F1自交,获得F2.回答下列问题:(4)若F2表现型比例 碳酸和亚硫酸的酸性比较亚硫酸的酸性强还是碳酸的酸性强? 铝合金抛光后提高硬度铝合金压铸件毛坯经机械抛光后如何增加其硬度,使零件间碰撞时不会有出现伤痕?有人说经过一种光亮剂浸泡后用烘箱烘干后可以达到,不知是否可以?光洁度也要保证. 我们吃的马铃薯属于植物的哪个部分 如何提高土豆产量 亚硫酸纳化学式