页面布局设计

更新于 14 May by Peter Bloggs

欢迎光临我的博客，本站旨在交流现在经典的前端页面布局和技术框架,包括电脑端和移动端，主要技术使用原生HTML/CSS/JS，使布局技术更具有移植性。 电脑端使用EasyUI/Boostrap为主要技术，大家可以参阅官网 EasyUI。手机端使用微信的开源库WeUI。

你希望良好的布局设计能提高网站的流量吗，贴近自然，认知心理学所述，约 80% 外界信息通过视觉通道获取。界面设计中最重要的视觉要素，包括布局、色彩、插画、图标等，应充分汲取自然界规律，从而降低用户认知成本，带来真实流畅的感受。在一些场景下，适时加入听觉、触觉等其它感知通道，能创造更丰富自然的产品体验。

在与系统的互动中，设计者应充分理解用户、系统角色、任务目标间的关系，场景化组织系统功能和服务。同时辅以行为分析、人工智能、传感器、元数据等策略，提供主动式服务，帮助用户决策、减少操作，从而节约用户脑力和体力，让人机交互行为更自然。

布局设计兼容浏览器:

• Firefox
• IE / Edge
• Chrome
• Safari
• iOS / Android

什么是人机交互

更新于 14 May by Peter Bloggs

对比建筑设计和工业设计，人机交互设计是一个相对年轻的领域，同时这三个领域又有诸多共性。纵观几十年的人机交互应用史，我们经历过初期的 TCD（以技术为核心的设计）、BCD（以商业为核心的设计），直到现在拨乱反正的 UCD（以用户为核心的设计）。那么未来会走向哪里？发展了几千年的建筑设计和几百年的工业设计，目前已经很少提及以用户为核心的设计。尤其在建筑设计领域，我们更多感受到的是大师对于人、环境、建筑三者和谐共处的探讨和实践。

更多了解

我们可以以史为鉴，从建筑领域、工业产品领域获取灵感，来观察整个人机交互的发展现状，以及推测未来的发展方向。

布局目的

在这几百万年的进化中，正是进化出了这两套不同的模式：低能耗模式处理日常、低难度的行为，让我们的祖先在恶劣的自然环境中生存下来；高能耗模式处理异常、高难度的行为，并逐步进化成万物之灵。复杂事情简单化；简单事情标准化；标准事情流程化；流程事情自动化，万事莫不如此。

而我们今天讲的「人机自然交互」，就是如何让「人机交互」自然，其实是要求我们关注能量的消耗，关注众多无意识人机交互行为。所以，自然的人机交互核心：节能，既要节省身体运动的体力，更要节省大脑思考的脑力。