WEB交互设计规及界面设计.ppt

* * * * * WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 近十年来，互联网已经发生了翻天覆地的变化，然而它其实一点也没变。如果看看10年前，我们会发现大批网站都有一套通行的排版模式。页头、页脚、侧边栏和内容区域，构成了这种直截了当的布局。这是人们预期中的网页排版。同时期Macromedia Flash的兴起，引领其他排版方式进入了一个新的时代。布局不必再拘泥于固定格式。当然，随着FLASH的衰退，这种方式也稍稍淡出……我说稍稍，是因为它如今又卷土重来了。 假如你研究一个流行的作品集网站，里面展示了当今的网页设计。毫无疑问，你会注意到网页的基本结构千变万化，根本没有固定形态。它可以伸缩变化成任何所需的东西。我认为这是响应式网页设计带来的最棒的副产品。事实上，新的准则，就是根本没有固定准则。 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 2016年四种排版趋势 分割屏幕 原因之一，有时候在一套设计中，的确存在两个同等重要的主体元素。网页设计的通常方法，是按照重要性给内容排序。然后重要性会体现在设计的层次和结构上。但是假如你就是要推广两样东西呢？这种方式，可以让你突出两者，并让用户迅速在其中做出选择。 原因之二，有时你要表现出一种重要的两重性。以Eight and Four网站为例。他们在此要表达的是，他们的核心竞争力来自植根数字领域，还有多才多艺的员工。这两点成就了他们。通过屏幕分割来表现这一点，是种令人愉快的方式。 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 去界面化 网页设计中的主要元素之一，就是容器元素：方块、边框、形状和所有类型的容器，用于将内容从页面中分离开。想象一个古板的页头，元素刚好容纳其中，与内容分隔开。如今的一项普遍趋势，就是去除所有这些额外的界面元素。 这是种极简主义的方式，但它更进一步，带来一些有趣的转变。 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 基于模块或网格 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 一屏以内 最后，还有一些网站采用这样的方式，让设计完全在一屏内展现。这是响应式设计的一个分支，因为它会适应屏幕尺寸。不过在这个绝佳案例中，整个设计的适应方式完完全全吻合屏幕，没有产生滚动条。没有滚动，意味着内容必须极度聚焦，而且要建立清晰的内容层次。我发现这些网站的聚焦能力和清晰程度，令人耳目一新。 WEB交互设计规范及界面设计 网页删格化设计 Web界面设计规范 网页配色的技巧 网页构图的技巧 WEB交互设计规范及界面