申请网站
忘记密码
密 码：
登录名：
建站咨询热线：
0532-88781131
、
18562723728
知识普及 » 设计兼容性好的Web页面
设计兼容性好的Web页面
奈薇网站制作
于
2019-08-07 19:00
发表
阅读次数
2344
次
随着技术的进步，Web设计的理念与技法也在不断发展。设备种类越来越多，带给我们的挑战也越来越大。怎样以最合理的方式使设计方案能够最大程度地适应各种设备的性能与规格属性，这是我们在工作当中必须考虑的问题。
面对这样的挑战，我们一方面会觉得自己曾经熟悉的工作领域突然充满了未知感，而另一方面，一直普遍存在的那些旧问题也依然摆在面前。我们是否需要花费全部精力用来解决各种新旧细节问题，还是可以从宏观上寻求一些具有指导性质的“真谛”？
Web设计的历史过于短暂，要想弄明白一些大道理，我们不妨将视野放远些，让思路跨越设计的范畴。其实，我们真的可以从那些看上去与设计没有多大关联的领域中找到一些抽象化的、更具普遍意义的思路和模式，以帮助我们解决自己的问题。心理学和音乐等都是我们可以加以研究和探索的对象。接下来，就让我们一起了解一下巴赫与当前Web设计所面临的挑战之间的关系。巴赫诶。
Web设计中的好脾气
Web设计面向的目标设备正在由单一发展为多元，这也许是最近一两年里最令人激动，同时又是最令人焦虑的事情了。这不再是关于样式能否在不同浏览器中保持兼容的问题，我们在新局面下面对的是各种方面的因素：不同的设备、不同的屏幕尺寸、不同的使用环境、不同的系统平台所具有的UI风格等。
虽然响应式设计或是针对指定设备进行设计的思路都可以在一定程度上帮助我们面向不同的环境调整外观形式及体验方式，但不是所有的UI元素或模块都可以被赋予弹性，我们仍然需要在很多地方使用“固定”的全局化设计方案。这时，“好脾气”的思路就可以帮上忙了。具体的实践原则很简单明了：为了让设计方案在一系列不同类型的设备中都能产生最好的用户体验，我们需要对界面中一些关键性的UI元素做出不同程度的折中调整，使整个页面对于环境的适应能力更强。
巴赫与“好脾气的克莱维尔”（十二平均律钢琴曲集）
1722年，巴赫创作了一部包括48首前奏曲与赋格（24个大小调）的钢琴曲集，主要用作培养年轻音乐家的教育素材。这套曲集是西方音乐史中最重要的作品之一，影响极为深远。巴赫本人将它命名为“好脾气的克莱维尔（TheWell-TemperedClavier）”。
为什么这部曲集具有重大的历史意义呢？要知道，在巴赫所处的那个时代，在键盘乐器上使用全部调式演奏曲目并不是一种很正统的做法。从物理学的角度讲，具有固定音调的键盘乐器一次只能演奏几个特定的调式。对于那个时代的调音系统来说，要在钢琴上弹奏出全部12个调式，几乎是一件不可能的事情。
物理定律是很难被突破的，但人的感知是可以被改变的，解决方案就是重新定义“合调”的概念。某些音程在被调整之后会与标准的音准产生微小的偏差，从而产生了一个新的调音体系，使人们可以弹奏全部曲调。这种为了构筑更合理的系统而调整其组成要素属性特征的能力，就是一个系统的“脾气”。
巴赫的平均律对自然律进行了修正，将八度音程分为十二半音的调律法，以便于转调。这种方式自然可以被称为“好脾气”，它就像是古典音乐中的实用主义。
触控优先
最近，越来越多的桌面版本网站当中开始出现具有触屏设备UI风格的界面元素，这种做法很好地体现出了“好脾气”的设计思路。在触屏移动设备当中，我们需要通过手指对界面当中的交互对象进行直接操作。比起传统的鼠标指针，手指触控方式需要的目标作用区域更大。考虑到这一点，我们应该适度地增大页面当中一些重要交互元素的尺寸；同时，为了保持视觉上的平衡，我们还需要对相关元素之间的间距及它们各自的内边距进行调整。
举个简单的例子，Google在其新版UI当中明显地增大了“写邮件”按钮这类重要交互元素的尺寸；同时，诸如导航菜单、工具栏、邮件列表等界面元素，在间距留白等方面也有做相应的调整。相比于过去，新版设计方案显著地提升了Google的这些主线产品对于触屏操作的友好性。
从某种程度上讲，iPad在触屏移动设备与传统桌面设备之间架起了一座桥梁，它的普及提升了触屏设备UI风格在桌面设备当中的影响力。看看Gmail和Twitter这类主流产品在最近的改版，或是花时间到那些CSS
网页设计
案例集当中浏览一下最新的优秀作品，你会发现当前的Web设计风格看上去确实和以前不大一样了，它们看上去似乎更加的。..丰满。留白更多，按钮更大，一切看上去都又大又平。不过我们也必须承认，这种现象与桌面显示器不断增大的尺寸也有一定的关联。
在这类设计方案当中，界面元素所占据的空间对于鼠标指针来说显得有些许浪费了，但对于手指触控的方式却恰到好处。这也正是“好脾气”的设计思路的核心思想，即为了使界面能够适用于更多的平台环境，而对“标准化”的设计方案进行微调，最终达到一种折中的状态。
而且在很多时候，这种权衡的结果对于键鼠交互方式来说也并不坏。容易被手指触摸的按钮同样易于鼠标的控制，整个UI在传统设备上下文环境当中的用户体验也许反而有所提升。
设计兼容性好的Web页面相关标签：
网站建设公司
，
设计网站
，
建设网站
，
企业网站制作
相关热点推荐
友情链接交换的方法及要
为什么要使用DIV+C
网站设计制作与运营的全
手机建站时容易进入哪些
新做的网站如何获取高质
推广研究报告—真实的视
青岛网站建设哪家好？
自助建站时添加背景音乐
传统FLASH建站已经
方便和实用
从网页设计到UI设计—
优化网站设计的五种方法
CMS系统的选择及对S
网页设计元素的减法式优
教你如何解除“该网站可
全局于网站整体的网页设
为什么说设计是网站的肢
如何做到网站设计影响最
青岛网站建设公司是怎么
告诉你怎么做个旅行社网
使用框架和滑动门技术进
企业建站误区
企业为什么要做微信营销
网站建设与网站推广 g
时刻关注网站的健康程度
如何恢复百度权重(最新
网页设计之论摹仿和抄袭
网页设计要决
简洁的网页设计
网站前端页面设计分析
细节处理让网页设计与众
交互设计模式——分页
迭代的设计
网站制作的要领下
网站技术规范之质量保证
瞎扯之Web导航
企业网站建站的首要解决
网页设计与用户浏览体验
网页设计中的版式原理
策划制作网站应该注意的
奈薇建站网青岛网站建设公司/青岛网站制作公司，专业提供"气质"型网站建设及精美网站制作服务，同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展
热点地区：
青岛网站建设价格
青岛即墨网站制作公司
开发区信息港
山东在线门户