多媒体界面的设计原则.pdf

   网页艺术设计中的版式设计原则.pdf

  浅析课堂演示型多媒体课件界面设计的原则和方法.pdf

  平面技巧：版式设计之13种类型

　　一.骨格型

　　规范的、理性的分割方法。

　　常见的骨格有-竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。

　　图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美。

　　骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性。

　　二.满版型

版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部(边部和中心)的图像上。满版型，给人大方、舒展的感觉。是商品广告常用的形式。

 /界面设计原则.docx

　　三.上下分割型

　　整个版面分成上下两部分，在上半部或下半部配置图片(可以是单幅或多幅)，另一部分则配置文字。

　　图片部分感性而有活力，而文字则理性而静止。

　　四.左右分割型

　　整个版面分割为左右两部分，分别配置 文字和图片。

　　左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯(左右对称)上的问题，不如上下分割型的视觉流程自然。

　　如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐。

　　五.中轴型

　　将图形作水平方向或垂直方向排列，文字配置在上下或左右。

　　水平排列的版面，给人稳定、安静、平和与含蓄之感。

　　垂直排列的版面，给人强烈的动感。

　　六.曲线型

　　图片和文字，排列成曲线，产生韵律与节奏的感觉。

　　七.倾斜型

　　版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

　八.对称型

　　对称的版式，给人稳定、理性、理性的感受。

　　对称分为-绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨。

　　对称一般以左右对称居多。

　　九.重心型

　　重心型版式产生视觉焦点，使其更加突出。

　　有3种类型：

　　1.直接以独立而轮廓分明的形象占据版面中心;

　　2.向心：视觉元素向版面中心聚拢的运动;

　　3.离心：犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动。

　　十.三角型

　　在圆形、矩形、三角形等基本图形中，正三角形(金字塔形)最具有安全稳定因素。

　　十一.并置型

　　将相同或不同的图片作大小相同而位置不同的重复排列。

　　并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

　　十二.自由型

　　无规律的、随意的编排构成。有活泼、轻快的感觉。

　　十三.四角型

　　版面四角以及连接四角的对角线结构上编排图形。　给人严谨、规范的感觉。

　　以上就是版式设计的13种类型，希望能对大家有所帮助。

  用户界面设计10原则

设计真正伟大的用户界面没有什么伟大的奥秘可言，做到保持简单易用就可以。

‘保持简单易用’意味着不要让用户分心。恰恰相反，好的UI让用户达成目标。结果如何？你的培训和维护费用降低，并获得更开心、满足和高效率的用户。

当你面对一个全新的界面设计时，别忘了这些原则。

编辑手记：Kyle将在纽约举行的Web设计趋势上继续探讨用户界面设计的内容。

1.了解你的用户

“关注用户：如果在关注竞争对手还是用户之间选择，答案总是后者。工作总是首先从用户开始。”——Jeff Bezos

了解用户，因为用户的目标就是你的目标。试着重述用户，了解他们的技能水平和体验，以及什么是他们需要的。找出用户偏好什么样的界面，并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新，或是不断添加新的功能。首要的任务是关注你的用户，这样才能创造出一个能让用户达成目标的界面。

2. 重视模型

用户的大部分时间都消耗在界面中，而不是他们自身上（Facebook，MySpace，Blogger，美国银行，学校/大学，新闻网站，等等）。我们无需画蛇添足，用户在你正在创造的界面中看到的正是那些（已有的）界面已经解决的同样问题。利用已成惯例的UI模型，你将使用户感觉像在家中一样熟悉。

CoTweet在邮件应用中运用了广为人知的UI模型。

3. 保持一致性

“用户期望越多的被正确验证，用户就越觉得系统在自己掌控之中，从而也就更喜爱它（系统）。”——Jakob Nielson

用户需要一致性。他们需要知道一旦他们学会做某项操作，那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解，从而提升效率。

4. 运用视觉等级

“设计师可以从混乱中找到统一；他们可以通过组织操控文字、图片从而清晰地传达设计意图。”—— Jeffery Veen，Web设计艺术家和研究者

设计时，要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置，它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用（甚至当行为本身也同样复杂的时候）。

5. 提供反馈

界面要始终保持和用户的沟通，不管是当他/她们的行为对错与否。随时提示用户的行为：状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户，他/她的行为是否能够达到预期的结果。

BantamLive在界面中为大多数行为提供了一种嵌入式的载入提示。

6. （对用户）宽容

无论你的设计有多么的清晰明了，用户都会犯错。你的UI应当允许并宽容的对待用户的错误。要为用户提供可以撤销行为的方式，并且对五花八门的输入数据尽量宽容（没人愿意只是因为填错了生日的格式而重头再来）。同样，如果用户的行为引起了一个错误，在恰当的时机运用信息显示什么行为是错误的，并确保他/她明白如何防止这种错误的再次发生。

如何利用简单的验证码提高注册率一文中讲述了一个绝佳的例子。

7. 鼓励用户

一旦用户对界面有了经验之后，要奖励他/她们，使之进价。把复杂任务分解为若干简单步骤将会更显繁复和让人精力分散。提供更多的抽象方式——如键盘快捷键——完成任务，这样会让你的设计变得简洁易用。

8. 融入用户的语言

“如果你对每个像素、每个图标、每个字体都考虑再三，那么你同样需要斟酌每个词语。” —— Getting Real

所有的界面或多或少都有文字在其上。让文稿尽量口语化，而不是华美辞藻的堆砌。为行为提供清晰、简明的标签，保持简朴的文字叙述。用户对此将会很赞赏，因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

9. 保持简洁

“一个现代的悖论就是：创造复杂的界面很简单，因为复杂到必须简化它们”—— Pär Almqvist

正所谓：大音希声、大象无形。最上乘的设计中，你看不到华而不实的UI修饰，或是用不到的设计元素。换而是，其必须的元素一定是简洁且有意义的。当你想着是否要再界面上加一个心功能或是元素的时候，问问自己，“用户真的需要这些吗？”或者是“为什么用户想要这个小巧的动态图标？”。你是否只是因为出于自我喜好而添加这些元素？记住，永远不要在UI设计中给自己出风头。

10. 不断向前

人们常说，当开发界面的时候，你往往需要失败的快一点，这样就能频繁迭代。当创建UI之时，你总会碰到错误。没关系，只要不断向前，并且要牢记让你的UI简单易用。

  李瑞英界面设计的原则

界面设计的独特性与艺术性

       好的界面设计，必须准确，快捷地传播客户信息，选择对主题起决定性作用的文字，与主题内容相关的图片或图形进行艺术处理使界面变得具有艺术性和独创性。给人美的享受和个性鲜明的界面设计是使消费者留下深刻印象的有效途径。

      独特性和艺术性并非毫无目的或自我陶醉的个性张扬，这样的界面只能是设计师自己为自己买单，独特和艺术性更非一味遵循业界的界面标准而进行的简单的文字排列和图片堆叠，这样做的结果只能使界面变得平庸，而毫无价值。在界面元素中的布局和安排上，大胆地使用黑白，虚实，大小，方向，动静，色彩的变化和对比等艺术手法，往往可以达到化腐朽为神奇的效果。

界面设计的一致性与协调性

主要包括以下方面：

下面具体说说各个方面的设计要素：

版式的一致性：

      版式的构成要素包括文字的字号，字体，字句行距，对齐方式以及图片图形的面积、数量、风格、寓意等等。数量非常多组合方式也非常复杂，不同组合方式形成了不同的版面风格。一个多媒体系统最好采用一种版面风格，不同界面需要有自己的特点，但我们必须对文字和图片图形的组合做出一个较为规范的安排，在同意的风格和框架中进行不同的变化。

色彩的一致性：

    色彩是抽象的，颜色在本质上不存在什么内在涵义，但在视觉上，色彩之间存在明显的区别，并在情感上引起人们不同的反应。保持系统色彩的一致很重要：无论在使用有限的色彩还是丰富的色彩进行创作，都必须使每一种颜色各得其所。

    色彩的一致性与协调性还需在充分理解色彩感情和色彩属性的基础上，根据系统创作的主题思想、企业性质、使用对象等做出判断，并相应对系统各界面的色彩运用做出选择和调整，在色彩的色相、明度、冷暖方面与之适应。

动作的一致性：

      多媒体系统的一个突出又是在于它的生动性，系统的菜单、按钮、图片很少会都以静态的形式来实现，因为人们总是对毫无反应的东西不感兴趣，动作设计是对用户执行命令时提示反应，这些提示反应是通过改变元素的形状、大小、方向、位置、色彩、明暗、音乐、步调来实现的。

      同一类型的界面元素需要同样的功能，相同的功能要求有一致和协调的动作变化，这样有利于记忆和减少出错。过多和过于复杂的动作使用只能制造混乱，使人无法适从。 

       动作设计是多媒体界面设计的重要内容，是其区别与其他设计的显著特征。动作的科学设计能增进受众对多媒体系统的正确理解和增加操作选择的反应时间。

音乐和声音的一致性：

      多媒体系统中音乐是一个重要的设计因素，它对人的情绪有较大的影响作用。在片头片尾音乐、系统背景音乐、按钮动作音乐的选择制作方面，特别要注意在风格上与系统的主题、内容保持协调，要将视觉传达和听觉传达统一在相同的情境中。多媒体作品给人的感觉是全方位、立体化的，追求的是各种感官的刺激。音乐媒体的最大作用是它能为多媒体界面制造气氛。

界面的友好性和易用性：

1，根据受众对象年龄、性别、习惯和要表达的主题内容来规划界面风格是友好性的重要表现。

2，界面版块的合理规划，使界面各个元素各得其所。给人清晰的理性的人文印象。

3，层级和数量众多的菜单，分清主次和先后变得很重要，根据位置空间等来安排菜单，注重设计的友好性和易用性。

4，利用“黄金分割”规则编排画面，界面具有传统的视觉美。

  何春丽 界面设计中版式设计的原则

  雷湘源 版式设计中的点、线、面

       点线面在版式设计中的运用.docx

      个人PPT ：版式设计中的点线面.pptx

  张乾坤 版式设计中的多维

个人PPT：版式设计中的多维.pptx

界面设计的原则及其版式.pptx