今天小编给大家一起学习下设计师从未思考的
网页设计问题,我感觉以下文章非常不错,所以推荐给广大设计师们共同学习。设计一个好的网页、包括手机网站,相对于改造已具规格的网站,为智能手机重新
设计网页就比较轻松。不仅如此,让人尴尬的是,在CSS获得大众认可多年后,当时缺乏远见这个问题,现在仍旧折磨着我们这些编写HTML的人群们。所以这将是个非常棘手的问题。
将旧的网站转换成互动设计是件很令人头疼的事情,不是因为屏幕尺寸的不同,而是因为大部分HTML文件都是在对屏幕尺寸的粗略估计下编写的。在苹果于2007年中推出iPhone之前,设计师至少可以依赖屏幕700像素的宽度(如果他们忽略可访问性)。像导航栏、两栏或三栏布局、鼠标悬停效果这样的常规布局已经完全适应了以鼠标为基础的宽屏配置了。设计师们已经按照大家的预期将左上角的logo做成可点击的了。
为未来可能发生的情况
设计网页,网页的布局和结构都会受到影响。我们不能控制这些电子信息将会在什么样的设备被查看。 无论多少“适用于XXX设备”这样的标签,也无法阻止人们将我们编写与绘制的内容进行阅读和混合。网页没必要使用12或16栏的格子,网页也不需要进行严格的分层。但是,要达到这样的境界,就必须直面使用这些布局的“文物”。
手机也有内容问题
假设你被一家大型企业雇佣。调查数据显示很多客户喜欢通过智能手机来浏览你的网站。这家大企业便计划要重新设计他们已有的网站。你的团队(或者你与你的合伙人)采取“手机优先”的策略。但是在你们开始绘制图标、布局网格、填充HTML5之前,有一个事实已经严重威胁到这个再设计项目的运行。网站的内容不只是在小屏幕上格式混乱,它在任何宽度小于960像素的浏览器上都是混乱的。
·大图片在缩小时细节会丢失。
·布局超过两栏的文字或者嵌套列在窄屏上都会被压缩变形。
·更大范围的字体尺寸不合适。
各种异常情况交织成了复杂的问题。所见即所得编辑器会在独立的页面上增加自带的格式和布局,一段时间后,人们就会根据自己的方式来更新网站。
如果设计师选择多页布局而不是长条形布局,那么传统的结构则会使信息变得更难被获取。
作为一个产业,
网页设计也曾遇到过类似的挑战。练习过表格布局的设计师们应该还记得之后改成可变动编码时是多令人头痛。今天,我们的想法可以超越现有的移动设备。互动设计缩小了不同实用案例的差距。但是设计师不仅可以做到应对现有的问题,他们还可以提前设想未来可能出现的问题。
1. 不要为了一个新的媒介而牺牲网页内容。
我们不希望提供的网站是原网站内容缩水后的版本。
2. 注意它的实用性。
我们不希望只是单纯的缩减布局。所有内容,包括文字、图片、导航、列表,都必须易于使用。
有时候某些信息是为特定的一些媒介创作的。一个视频可能在某个特定的尺寸下视觉效果最后,一个长篇的文档可能需要分成不同的章节。但是无法保证其他人不会将这个视频在其他环境下播放,又或者那篇长长的文章总是被放在Kindle上阅读。使用说明上写“请在这样的环境下浏览内容”。建议中就展示“这就是我刚才说的意思”。和class=”alignright”是对建议的解释。
在过去的几年里,
网页设计师都根据当时的显示器来进行网页的布置,所以导致今天我想移动网页转移的困难。我们要吸取过去几年的教训,为将来可能发生的变化做准备,也为今后的
网页设计方面打下坚固的基础。