占屏比更高的网页设计或成未来发展趋势.docx_第1页
占屏比更高的网页设计或成未来发展趋势.docx_第2页
占屏比更高的网页设计或成未来发展趋势.docx_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

占屏比更高的网页设计或成未来发展趋占屏比更高的网页设计或成未来发展趋 势势 近年，网页早已不满足于宽屏了，已经向着更宽屏， 超大屏的方向前进了。而大多数网页设计师都还记着页面 的内容要在 1000 宽度左右，不可超越。的的确确这是以前 的“审美标准” ，在当今的时代，大众审美观更新换代，有 的东西随之而变。比如说，当三星推出寸大屏手机的时候， 多少人为之而振，而现在满大街都是 6 寸大屏手机了。所 以，多响应式全屏设计会成为未来的主流，这是必然的趋 势。 大屏设计，随之带来的是兼容问题。在突破局限思维 之前，我们要先树立好较好的态度，宁可多花时间，也要 适应潮流。接下来我就来给大家分析一下如何做好一个 “大屏”网页了。 一.大图要震撼，要清晰 大概在二零零八前的设计，背景都是花纹或者是纯底 色，用现在的话来说叫简约。不过如果换上了大图，大图 的清晰度直接地影响到了整个视觉效果，如果大图不清晰， 带来的震撼视觉也会随之消失，反之，则会让人感觉秀色 可餐。其次，应该是图片与内容的协调，尽量不会互相干 扰，但也不要过大的独立性。在有文字的图片中，将重叠 部分色彩弱化，并将文字加底色等方式突出，整个效果就 会非常带劲。 大家来看一下这个例子，这个例子采用的是图片平铺 与文字想结合，至于大屏和小屏效果对比一下便知道了。 这个是一个比较简单的设计，但是很好地启示了我们大图 要平铺自适应。 二.以中心定位，两侧自适应 别误会，中心定位并不是要对称美。将一些主要的内 容放在大屏中间，如果把握不好的话建议可以在 1000 的尺 寸左右即可，两侧追求简单而实用，但不可太空洞，可以 加一些菜单的按钮或者是很流行的分享按钮之类的。当然， 万万不可将核心内容放两边，那会被忽视的。相信不少朋 友遇到过一个很常用的东西因放在某个角落找半天没找到 的悲惨经历吧。 没错，这就是我所说的中心定位，也就是假全屏。第 一眼看上去也真是高大上，但细细一看整个网页的内容并 不是非常多。主要的核心内容都在中间，而两旁也只是点 缀，和上文所说的中心定位两侧适应的一样的道理。这样 设计的好处在于会让人感觉视野宽阔，自适应舒展性非常 的自然。当然，如果是图片展览式的设计，可以在两侧添 加切换按钮，效果也非常棒。 三.全屏响应式，瀑布流走起 说到瀑布流，很多朋友就比较熟悉了。不过大多数朋 友只知道是把网页切割成非常多个方块，不知这些方块的 大小比例的分配。至于具体的大小分配，并没有什么严格 的规定，可以在某一侧比例为 1，而相邻的为 2，以大小不 同突出核心内容。瀑布流让大屏变得很充实，也是比较容 易上手的大屏设计。 硬件都大屏了，设计还不大屏就被淘汰了。至于颜色 怎么分配，这些都要根据具体情况而定。不要怕
人人文库> 全部分类> 办公材料 > 思想汇报

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论