视觉设计在界面中的运用方式和方法
关于视觉设计在界面中的运用方式和方法，主要是针对广大刚刚入行的视觉设计师，而提供的一套在团队协作中总结的方法论，希望能够切实的帮助到各位设计师以及设计爱好者。
其实，设计本身便是解决问题的过程，所以，对于学习和从业设计相关岗位的时候，最重要的还是要通过不断的学习与工作去总结，去思考。甚至去研究每一个像素中包含的颜色，每一个字体间距的考究，可谓是“失之毫厘差之千里”，自从互联网诞生以来，对于互联网的界面视觉设计其实就是不断的在追求像素级别的完美，细致与规范是设计师首先要具备的硬性条件之一，正是由于规范性的束缚，才产生了界面视觉设计这种独特的“美”。
思考和总结，总是会给人带来意想不到的收获和捷径，想做到这一点却实则不易。需要的是从业者能够更加的热爱设计这个行业，能够真正放空自己的内心去品物设计。我同团队中经常会听到一句话那就是“戒骄戒躁”，只有更加专注才能够静下内心去思考问题，对于设计更是如此，设计是无形的，其实设计也是有形的，那么这个过程只有经过反复的尝试与思考之后才能发现其变化的真谛，这也就是设计最迷人，也是最值得考究的地方。
所以，真正的设计与创新，并不仅仅是一个看似“从无到有”的过程。更多时候，是靠设计师的思考与不断的探究，一步一个脚印，从抽象到具象，从量变到质变的过程。
设计更多是从一个恰逢其时的“idea”到最终的产品能够落地，是一个把从抽象的，无形的想法通过各种科学的发法轮以及设计思维将其一步一步的具象化，可视化，就拿之前所提到的 UI 设计为例，突破其表面的视觉界面，其背后是靠着对于用户的不断研究，对于需求与痛点不断满足而支撑的，服务与用户才是其产品最终的灵魂，即使是作为一名视觉设计师，也因该明白这个道理，视觉设计只是用户需求和产品特点最终的呈现效果，是整个设计流程中最为表象的一项工作流程。
国内很多的设计从业者进到 UI 设计这个行业，单单是从视觉设计为跳板来完成入行，甚至会单纯的认为设计其实就是把图做好这么简单。出现这样的问题其实还是源于自己对于从事行业的思考不够深入，在进入瓶颈期时也无法给予自己一个正确的解决方法，而中这现象是现在国内设计行业普遍存在的问题，缺乏思考与垂直的技术挖掘，造成现在设计行业如此浮躁的重要原因之一，也极大的降低了设计从业的行业门槛，这是我们所最不愿意看到的。
对于任何行业，对于资深从业者的需求从未停止过，设计亦然。所以，希望各位设计从业者能够更加专注与涉及本身，去除杂念，多去思考何探究每一个值得思考的问题，细节，线条，文字以及配色的表现方式以及其背后的目的到底是为了什么，当遇到瓶颈和挫折时，问问自己当时为什么选择，即所谓的“不忘初心”，才可“方得始终”。
互联网的发展是迅速地，从之前的传统互联，再到现在的移动互联，甚至在未来会发展为以虚拟技术为主导的互联网承载方式，可以说日新月异，时代交错，每一个时代的到来都会成就一批“新事物”，而淘汰过时的。
所以，作为一名互联网的从业者，不管是身处什么职位，什么角色，不进步就意味死亡，对于设计师来讲，同样如此，需要让自己在技能的广度和深度同时发掘，成为一名全栈的“T”字型人才，不要放松对于现有技能的深度挖掘，也要对于新技术保持高度的敏锐，这也是本书想要最终传达的意图之一。
我们所身处的世界和周围事物本就是一个充满矛盾的环境，对于设计从业者来讲，需要在垂直的技术深度上进行不断的挖掘，也要平衡技术的广度视野。再说到设计本身，也是一个明显的“悖论”，需要设计师在各种所谓的“束缚”中寻求最优的结果，对于产品，需要在用户需求，功能表现，视觉效果以及开发成本之间寻求平衡点，对于界面，设计师也要去平衡规范性与艺术表现的平衡，说得再细一些，文字的大与小，线条的粗与细，图片的明与暗都是每一位视觉设计师需要平衡的设计元素，设计师本身就需要游走与这些矛盾体之间，并且在不断的思考与总结中平衡这些所谓的“矛盾体”，而这也正是衡量一个设计师价值的核心。
我们正处于设计最好的时代，感谢移动互联，在优化生活方式的同时，也将“人”与“需求”的高度更加提升，在移动互联的时代，“人性”得倒了空前的满足与尊重，也给予互联网从业者更多的机会与挑战，也感谢现有的团队，是设计让人们凝聚在一起，也是设计让人们能够在享受快乐与挑战的同时，沉淀下来这份收获分享给更多的喜爱设计的人，这也正是迎合了互联网最本质的含义，那就是“分享”。
最后，我愿与每一位移动互联的从业者能够并肩前行，不断的锤炼自我。在共同见证移动互联发展的同时，也能够一同为移动互联设计继续贡献自己的力量。
只因一句“但行好事，莫问前程”
视觉设计基础三大构成 1.平面设计三大构成元素：点，线，面。 2.点的分类（点是相对的）：大与小，实与空，浓与淡，寡 与众，实与虚，图与文，抽象与具象，光滑与粗糙 3.设计准则：视觉的重量和方向 点的视觉重量（重量即为吸引注意力的程度）
鹤立鸡群，万里从中一 点红 在作品中，每一个要素都发挥着它该有的视觉的力量去吸引用户的眼睛。这个力量越大，它吸引的目光就越多。同时它还作用于其他的视觉要素，传递出潜在的视觉移动方向的信息，并且告诉观众接下来该看什么。 我们把这个力称作视觉重量;把它感知视觉方向的力称作视觉方向。 6.视觉重量的几个基本特点：尺寸、颜色、色值、位置、纹理、形状和方向。 （1）尺寸 大要素的视觉重量比小要素的重（大尺寸更加吸引注意力）。 （2）颜色 暖色更倾向于前景，一般都比较突出，同时暖色比冷色更重。冷色则往背景方向逐渐远去。红色被认为是最重的颜色，黄色则是最轻的颜色。 （3）色值 深色元素的视觉重量比浅色元素重。 （4）位置
在一个作品中，处于更高位置的要素一般比更低位置的要素重。位于中心区域或重要区域的元素更重。 （5）纹理 有纹理叠加的要素比没有纹理的要重。纹理让物体呈现三维的效果，同时给予它质量和视觉重量。 （6）形状 规则的物体比不规则的物体要重，因为不规则的物体就像是规则的物体被切掉一部分后得到的。 （7）方向 垂直方向的物体比水平方向的物体重，但最重的是倾斜的物体。 （8）密度 填充更多的元素到空间中，去增加空间的视觉重量。观者将会感受到更复杂的的组合要素，而非更简单的要素。（密比稀重） （9）白色空间 纯白的空间看上去没有视觉重量，因为它太空了。任何一个在空白中的物体似乎都更重了，原因是周围的空间都包围着它。 （10）本身的兴趣 有些事比其他的事物更有趣，更复杂的元素就更有趣，也能吸引更多的眼球。本身的兴趣也扮演了一个角色，如果
软件界面设计规范 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色：在政府单位运用比较多。 绿色：一般运用于教育、医疗、农林等行业。 黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。
表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。 2.2风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3登录界面 基本元素：logo、系统名称、输入框、提交按钮。如下： 4页面逻辑结构 功能页面功能页面 弹出页面弹出页面弹出页面
软件界面通常是上面这样的逻辑结构 首页：宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。 5页面的基本属性 页面宽度：属性值为auto，最小值1024像素。默认状况下无横向滚动条。 注意：宽度、位置、边距为不可变数据 背景：页面整体为白色背景#FFFFFF 或者浅灰、浅蓝等，总之是非常接近白色的颜色。 注：白色为常用色值，对于特殊个性化页面可根据特殊要求变更色彩；背景色彩尽量少用饱和度高的颜色， 页面位置：居中 页面边距：上 0px；下 0px；左 0 px；右 0 px； 注意：有时候会专门设置一定数值的边距，这时通常 与模块间的间距相同，如上下左右都是5px。
《视觉设计基础》课程教学大纲 课程编号: 091310114 课程名称：视觉设计基础 英文名称： Visual Design Statements 课程性质: 专业课 总学时： 48 学分：3 适用对象: 视觉传达设计专业二年级学生 先修课程：素描、造型基础 一、编写说明 （一）本课程的性质、地位和作用 平面设计是通过视觉图像载体传递表达一定的信息，平面设计也是符号设计的过程，即提炼符号、表现符号和再译符号的过程。本课程以符号学的研究成果为理论指导，探究视觉传达的基本原理、方法和多种可能性，激发学生的创造思维，培养他们用视觉语言传递信息和发现问题、解决问题的综合能力。 符号学是艺术设计学学科领域中的一门重要学科，因此，对符号的学习研究，探讨其本质特性，能够更准确的运用符号学原理进行平面设计创作。通过对本课程符号学原理的学习与设计实践，有利于学生深化对平面设计内涵的理解，从而进一步了解设计的本质并且有效地掌握科学的设计方法。 （二）教学基本要求 1.强调掌握符号学方法论知识体系，要求学生能够分析平面设计中作为符号现象存在的设计元素，充分理解平面设计中的符号结构构成。 2.重点以符号学原理的应用设计为主，在课题设计实践中运用所掌握的基础理论知识。 3.课题的设置必须调动学生的创造热情，具备一定的挑战性和趣味性。 （三）课程教学方法与手段 课堂教学包括理论知识讲授、讨论、多媒体观摩作品、审定草图、作业讲评与指导等。（四）实践环节 本课程实践环节主要是各个教学单元讲授内容相对应的课题作业： 1.名称：（1）前期课题调研（2）草图（3）上机 2.主要内容与要求：（1）对课题进行前期的案头工作，通过各个信息渠道对文献资料进
第一章 1、什么是视觉空间智能？ 准确感觉视觉空间，并把所知觉到的表现出来 善于运用整个身体来表达想法和感觉，以及运用双手灵巧地生产或改造事物 辨别生物以及对自然世界的其它特征敏感的能力 察觉并区分他人的情绪、意向、动机及感觉的能力 答案: 准确感觉视觉空间，并把所知觉到的表现出来 2、对“信息时代，视觉素养不再仅仅是艺术工作者的专利”这句话的理解不正确的一项是摄影、电影、电视等大众传媒已经渗透于日常生活 各类设计人员同样需要具有一定的视觉素养 许多人看似缺乏艺术细胞，实际上却具有很强的视觉素养 艺术工作者具有很高的视觉素养 答案: 艺术工作者具有很高的视觉素养 第二章 1、颜色的三属性是？ 色相 明度 饱和度 答案: 色相,明度,饱和度 2、光色的三原色是？ 红、黄、蓝 红、绿、蓝
品红、黄、青 品红、黄、蓝 答案: 红、绿、蓝 3、色彩搭配的基本方法是？ 渐变与对比 中对比与强对比 前进与后退 答案: 渐变与对比 4、色是（）刺激人的视觉器官后所产生的一种心理感觉。 光 颜色 颜料 答案: 光 5、根据视觉负后像的原理，在一张白纸上放上一个绿色方块，让你凝视2分钟后突然移走绿色方块，你在白纸上能感觉到呈现出？ 黄色 红色 灰色 蓝色 答案: 红色 第三章 1、（）、色彩构成、立体构成合称“三大构成”，是艺术设计学科的基础课程。 平面构成
素描 白描 油画 答案: 2、平面构成的基本要素是点、线、（）？ 平面构成 素描 面 油画 答案: 3、平面形态的种类包括有机形、无机形和 非人工形 偶然形 人造型 可见形 答案: 4、那些对比因素怎样才能协调或比较协调（）？ 保留一个相近或相似的因素 使对比双方的某些要素相互渗透 利用过渡形，在对比双方中设立兼有双方特点的中间形态，使对比在视觉上得到过渡，也可以取得协调 答案:
出题人： （人机界面视觉设计 第1页共4页） 审题人： 罗敏贤 （人力资源管理 第2页共4页） 广州东华职业学院 2014-2015学年度第二学期期末课程考试 《人机界面视觉设计》试题 （A 卷、开卷，满分100分，考试时间90分钟） 一、单项选择题（本大题共15小题，每小题4分，共60 分。下列每题给出的四个选项中，只有一个选项是符合试题要求的，请将正确答案填写在下面相应的表格里。） 1、有三个因素影响我们的预期，因此影响我们的感知，除了（ ） A 、经验 B 、环境 C 、时间 D 、目标 2、以下哪一个不属于格式塔原理（ ） A 、接近性 B 、共同命运 C 、封闭性 D 、非对称性 3、 如图，人的视觉倾向于看到一条完整的蛇，必要时会填补漏洞，这体 现了哪一格式塔原理（ ） A 、连续性 B 、封闭性 C 、相似性 D 、主体/背景 4、有关视觉结构的描述，下面哪一项是错误的（ ） A 、信息以简洁和结构化的方式呈现时，人们更容易浏览和理解 B 、为了便于浏览和记忆，不应该将电话号码和信用卡号码分割为多个部分 C 、人们在网站中导航时并不会仔细检查屏幕并阅读每一个词，而是快速扫描相关信息 D 、要让信息能够被快速浏览，还必须遵从图形设计的规则 5、可视化信息显示的最重要目标之一是提供一个视觉层次，以下哪一种错误（ ） A 、经所有信息段并列，随机排列先后顺序 B 、将信息分段，把大块整段的信息分割为各个小段 C 、显著标记每个信息段和子段，以便清晰地确认各自的内容 D 、以一个层次结构来展示个段及其子段，使得上层的段能够比下层得到更重点的展示 6、以下对人类的色彩感知的描述，哪一项不正确（ ） A 、我们辨别颜色的能力依赖于颜色的呈现方式 B 、我们的视觉是为检测绝对亮度优化的，而不是检测反差 C 、眼睛的视杆细胞感觉颜色但不察觉光线强度 D 、屏幕和观看条件会影响用户对颜色的感知 7、基于视觉系统运动的方式，有以下几个呈现因素影响了我们区分颜色的能力，除了（ ） A 、深浅度 B 、色块的大小 C 、色块的形状 D 、分隔的距离 8、影响色彩区分能力的外部因素，除了（ ） A 、彩色显示屏的差异 B 、灰度显示器 C 、显示器尺寸 D 、环境光线 9、“解决问题和计算问题很难”在UI 设计上的启示哪一项不恰当（ ） A 、引导用户完成他们的目标 B 、减少设置的数量和复杂度 C 、将要计算的问题图形化 D 、让用户通过排除法去确定某些事情 10、让信息常见的常用方法，除了（ ） A 、放在用户所看的位置上 B 、重要信息放在文章末端 C 、使用错误符号 D 、标记错误 11、“动态菜单”方便用户记住选项的位置并通过非线性搜索轻松找到目标（ ） A 、对 B 、错 12、我们的视觉系统中只有一部分被训练出了识别阅读过程中的文字模式的能力：中央凹和一个非常小的近中央凹区域（ ） A 、对 B 、错 13、以下哪种信息设计会影响阅读（ ） A 、常见和熟悉的词汇 B 、容易辨认的书写和字型 C 、居中对齐的文字 D 、统一简洁的背景 14、关于识别与回忆，下列哪一项不正确（ ） A 、相对于回忆，我们更能够轻松地进行识别 B 、看到和选择比回忆和输入要容易 C 、在GUI 设计中尽可能使用图像来表达功能 D 、只能使用与现实世界中相似的形象来设计图标 15、基于人类有限的工作记忆，下面哪一项描述不正确（ ） A 、在超过两个层级的结构中，提供“面包屑”式的导航路径能提醒用户处于什么位置 B 、对于大部分用户而言，窄而深的导航层级结构比宽而浅的结构更易于使用 C 、工作记忆的容量有限并且不稳定，因此UI 设计中要么避免使用模式、要么提供足够的模式反馈 D 、不要在一个页面之内放置多个夺取用户注意力的“行动召唤”（Call to Action ）元素
一、名词解释（32分，每题8分） 1、洛可可风格 典雅、富于女性温柔特征。盛行于1720年到1770年的法国宫廷，这种风格强调浪漫情调，从自然形态，东方装饰、中世纪和古典时代的装饰之中吸取动机，大量采用C形和S 形的曲线作为装饰手段，色彩上比较柔和，广泛采用淡雅的色彩计划，比如粉红、粉蓝、粉绿等等，也大量采用金色和象牙白色，设计上往往采用非对称的排列方法。 2、文艺复兴 始于14世纪的欧洲，在文学和艺术上是将古罗马、古希腊的风格加以发挥，是欧洲资本主义的萌芽，提倡“人文主义”。主张文学艺术表现人的思想感情，科学为人生谋福利，提倡个性自由以反对中世纪的宗教桎梏。 3、石版印刷： 是建立在油水不溶的原理上，以油性的笔在光滑的石头平面上绘画，再用水淋，除了油性笔画过的部分外所有的部分都被水浸湿，油性油墨层覆盖的部分就沾上浓淡不等的油墨，浸湿的部分则没有油墨，再把纸压在上面印刷。 1796年，德国人阿罗斯-森尼非德发明的。 4、“工艺美术”运动 起源于英国19世纪下半叶的一场设计运动，由于工业化生产和维多利亚时期的繁琐装饰两方面同时造成的设计水准急剧下降，导致英国和其他国家的设计家希望能够从传统的设计中和远东的设计风格中吸取某些可以借鉴的因素，从根本上改变和扭转设计颓败的趋势。 5、“立体主义” 是20世纪初期的现代主义艺术运动的核心和源泉。 重视直线，忽视曲线，运用基本形体开始几何学上的构图起源于法国印象派大师保罗-塞尚。 中心形式是对对象的理性解析和综合构成，具有理性化的特点。 奠基人是毕加索，创作来源于非洲的原始艺术形式，特别是原始部落的面具、雕塑，以及埃及出土的文物。 5、“未来主义” 是意大利在20世纪初期出现于绘画、雕塑和建筑设计的一场影响深刻的现代主义运动，是以歌颂大工业化、大机械化、大都会生活的无政府主义态度为中心，否定一切过往的文化和艺术，否定传统文明为中心。 未来主义运动开始的标志： 1909年2月份意大利未来主义奠基人费里波-马里涅蒂在法国报纸《费加罗报》上发言的《未来主义宣言》为标志的。 未来主义绘画： 表现对象的移动感、震动感、速度和运动。 6、“达达主义” 小资产阶级知识分子在第一次世界大战期间，对社会前途感到失望和对发展感到困惑的时候，首先在瑞士，然后发展到德国、法国、美国的一个高度无政府主义的艺术运动，以强
视觉设计基本要素v i设计与实训标准知识 Document serial number【KKGB-LBS98YT-BS8CB-BSUT-BST108】
2016年04月
《VI设计与实训》课程标准 课程名称：VI设计与实训 课程代码：31059 适用专业：电脑艺术设计 学时：96 学分：6 编制日期：2011.9 一、课程定位与设计 1.课程性质：专业核心课 2.课程作用：通过本课程的学习，使学生正确理解CI的概念，了解CI发展的历史和发展趋势，培养学生的CI设计能力，并能够运用现代设计方法，根据企业经营理念与发展的需要，为企业对内、对外视觉形象进行系统化的设计，制定相应的制度化的管理规范。 3.前导、后续课程：本课程前导课程是《计算机辅助设计二CORELDRAW》、后续课程是《毕业设计》。 4.课程设计的理念和思路： 课程教学目标和组织在“定向对接，工学一体”人才培养模式的理念和方法指导下，以典型工作任务教学贯穿课程始终，突出实践教学过程，强化实践教学环节管理，增强实践教学效果。 针对市场需求，以学生为本，选取循序渐进的典型工作项目“学习包”为载体构建学习情境，营造“易学乐学”的学习氛围，培养学生的专业能力、方法能力和社会能力。以学生为中心、工作过程为导向，采用小组化教学，融“教、学、做”为一体，培养学生的职业工作能力、团队协作能力和创新能力。保持课程的开放性，培养学生的可持续发展能力。 二、课程目标 课程以根据基于工作过程专业建设模式，以能力为本位，构建以实际工作情境为单位的课程体系。强化学生的操作技能，让学生熟练掌握VI制作技能，培养学生平面动画设计的思维和技巧，使学生具有较强的平面设计能力、良好的语言文字表达能
浅析视觉界面设计原理-机电论文 浅析视觉界面设计原理 聂伊张敏言 (西安工程大学，陕西西安710048 ) 【摘要】产品视觉界面设计是产品交互与用户体验的联系基础。优秀的视觉界面设计能更好的传递产品设计理念与品牌形象，为软件的交互设计提供更匹配的视觉风格。设计师运用基本的视觉要素创造优秀的用户界面，有效地传达产 品的行为和信息。并且要结合用户的心理模型或产品行为使视觉结构与之相匹配，关注用户感知功能方面的认知体验与传达。视觉界面设计就是要在保证功能的前提下，在美学的基础上，最优传递交互产品的行为，向用户展示一个优雅的视觉设计。 关键词界面设计；交互设计；UI ;视觉传达 作者简介：聂伊(1988.08 —)，女，汉族，河北人，西安工程大学机电工程学院工业设计研究生，研究方向为视觉传达与媒体设计。 张敏言(1969.03 —)，女，汉族，陕西人，西安工程大学机电工程学院，副教授，研究方向为产品设计与人机关系。 交互产品将行为和用户联系在一起发生在视觉上，通常是通过产品界面的表现来实现的。视觉界面设计者工作的重点在于设计在组织上的运用，以及如何来利用视觉暗示和启示将行为信息传达给用户。设计师必须掌握交互设计原则和界面习惯用法的基本知识，这些对于塑造产品的行为都很重要[1]。 1 设计视觉界面设计的要素 视觉界面设计可以对产品的吸引力和效力产生很大的影响。要创造出有效且吸引人的用户界面，设计师必须掌握一些基本的视觉要素，如颜色、版面、形式和构成，还必须了解如何运用这些要素来有效地传递行为和信息。
1.1文本 文本在任何用户界面中都是及其重要的一个组成部分，文字可以传递大量细微信息，但是我们必须要小心仔细才能够正确恰当地使用好文字。 人们主要通过文字的形状来辨识文字，形状差异越显著，文字也就越容易辨 识。在报纸、杂志等印刷品中，正文字体主要采用宋体。宋体是有衬线字体，特点是横细竖粗，棱角分明。与之相对，显示器上的字体一般都是黑体。黑体基本上没有横竖粗细的变化，也没有衬线装饰。与印刷品相比，显示器的分辨率要低得多，如果在这种输出媒介上使用宋体的话，文字的衬线反而会妨碍阅读。不但没有棱角分明的美感，还很容易导致眼睛疲劳。也就是说，显示器的分辨率低，不足以显示有衬线字体。因此显示器上的字体一般都采用毛边较少的黑体[2]。 辨识文字和阅读文字有所不同，阅读中我们有意识地扫描个别字词，之后按 照上下文来理解它们的含义。界面应该尽量少用文本，从而减少阅读量，这样才能保证几面导航的顺利进行。我们应该避免只依赖文字进行讲解，因为阅读文字速度很慢，而且会破坏用户对应用的浸入式体验。使用太多的文字是一种“说而不秀”的方法，这与移动应用的优势相违背[1]。少用文字原则并不意味着用文字是错的，或者说文字总是越少越好。它指的是在你想吸引用户进一步体验的时候，应该首先考虑减少文字，增加交互。 1.2颜色 颜色作为界面视觉语言的一部分，向用户传达信息。对于多数应用程序，颜色的使用要吝惜，并且应该与视觉语言的其他元素结合，如符号、图标、文本, 以及在界面上维持的控件关系 当颜色太多时，我们的大脑不得不花费额外的时间记住每种颜色的意义，这样便降低了我们的处理速度。互补色在颜色处理中是指那些相反的颜色，当这些颜色被高饱和并且
精心整理 视觉设计基础三大构成 1.平面设计三大构成元素：点，线，面。 2.点的分类（点是相对的）：大与小，实与空，浓与淡，寡与众，实与虚， 图与文，抽象与具象，光滑与粗糙 3. ? 6. 向。 （2）颜色 暖色更倾向于前景，一般都比较突出，同时暖色比冷色更重。冷色则往背景方向逐渐远去。红色被认为是最重的颜色，黄色则是最轻的颜色。 （3）色值 深色元素的视觉重量比浅色元素重。
（4）位置 在一个作品中，处于更高位置的要素一般比更低位置的要素重。位于中心区域或重要区域的元素更重。 （5）纹理 有纹理叠加的要素比没有纹理的要重。纹理让物体呈现三维的效果，同时给予它质量和视觉重量。 有些事比其他的事物更有趣，更复杂的元素就更有趣，也能吸引更多的眼球。本身的兴趣也扮演了一个角色，如果在飞机和汽车中更喜欢汽车的话，那汽车的图片就会更吸引注意力。 （11）深度
较大的景深给了焦点元素更多的视觉重量（常见表现手法：渐变），原因是焦距和未焦距区域的对比度 （12）饱和度 饱和度高的颜色比饱和度低的颜色更重 （13）感知物理重量 对比的元素会更加吸引眼球，与周围环境对比的要素将会比他周围的 （1 来。 （2 （3 重量 （4）焦点 点元素组成的焦点并且会特别有吸引力，它的视觉重量比其他元素都重（增加质感） （5）曾经的体验
浏览者过去的体验会很影响他们认为的当前网页中最吸引眼球的元素。 （6）视觉方向 视觉方向是对视觉力量的感知。视觉重量是想让观众注意到作品中的某一部分。 （7）元素的形状 （8 （9 8. （1 （ 9. 感 11.线是点到点的轨迹链接；线的分类：直线，曲线，折现，虚线；线在垂直时候会显得比较长；若干线条编织起来可以形成面；线的粗细变化也可以形成面的感觉；文字也可以形成线 12.设计中的形按照形成方法可以分为几何形，有机形和偶发形；几何形是可以用数学方法定义的图形，有机形是可以重复和再现的自由形，是
软件界面设计规范_V1.0 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色：在政府单位运用比较多。 绿色：一般运用于教育、医疗、农林等行业。 黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。 表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。
2.2风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3登录界面 基本元素：logo、系统名称、输入框、提交按钮。如下： 4页面逻辑结构 软件界面通常是上面这样的逻辑结构 首页：宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。
三大构成期末考试题库 一、填空题（每题2分，共20分） 1.三大构成设计是引导学生建立理性思维的方法之一，所谓的三大构成是指 （）、（）、（）。 2. 3. 4. 5. 6. 为（ 7. 8. 9. 10. 二 1. （ 2．平面构成中的“形”主要指单形与复形，正形与负形，独立形与连续形等。（）3．平面构成的形式美法则主要是比列与韵律。（） 4．平面构成中点有大小之分，点越大越有体的感觉。（） 5．点的常见形式有散点、虚点、线化的点和移动的点。（） 6．构成中的线有位置有长度，无宽度，无厚度。（）
7．立体构成的肌理可分为视觉肌理和触觉肌理两种。（） 8．半立体构成是介于立体构成与平面构成之间的造型形式。（） 9．色彩的调和指两个或两个以上的色彩并置时产生的一种和谐、统一的感觉。 （） 10．色彩的纯度，明度和其面积的大小比例关系是色彩稳定均衡的重要因素。（）
三、单项选择题（每题2分，共20分） 1.以下哪项不属于三大构成中色彩构成的三属性之一（）。 A、明度 B、纯度 C、色相 D、彩度 2．色彩的推移是指以下哪项推移（）。 3 A、白色 B、蓝色 C、红色D 4．色彩中同类色是指色环中（ A、10° B、15° C、20°D 5．互补色是指色环中180 A、紫色 B、蓝色 C、白色 D、橙色 6 A、紫色 B、蓝色 C、金色D 7．几何学上将立体构成中的面定义为（ A、点 B、线 C、面 D、体 8 A、粗细 B、颜色 C、方向 D、长度 9．在有规律形态中进行小部分的构成是（）构成形式。 A、渐变 B、重复 C、特异 D、密集
10. 平面构成的基本要素不包括以下哪项（）。 A、点 B、线 C、面 D、体 四、简答题（每题10分，共40分） 1．请简述平面构成中发射构成的三种形式，并以画图的方式举例说明。 3 4. （ （ （）
网页界面的视觉导向设计(一) 摘要:界面设计是一个复杂的有不同学科参与的工程?网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形、符号、颜色、多媒体、文字标识物等元素所承载的信息,准确、 顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序? 关键词:网页界面;视觉导向;界面设计 用户界面设计是屏幕产品的重要组成部分?界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色?界面设计有以下几个基本的准则:保持界面的一致性、满足不同目标用户的创意需求、用户界面友好性、图标识别平衡性、图标功能的一致性、建立界面与用户的互动交流?这些原则放在网页界面设计中来看,其实是一个解决如何引导用户如何去浏览网页的问题,它就是对于用户的视觉导向的一种设计?导向设计这个概念常见于环境艺术设计当中,做为一种环境的指引和导向的设计,如城市导向设计、放在软件设计当中常见名称为目标导向设计?导向设计可从两个领域来划分:一是从视觉传达角度来研究,关注的是如何有简洁而醒目的图形符号来表达准确的含义,这种视觉语言是不分国界的;二是从环境艺术设计角度来研究,主要包括材质、外观、位置、艺术表现等因素,而且使图形符号融入整个环境的氛围中去?这里我们所说到的是指在网页界面的设计当中应该注重的视觉导向设计,其中要使浏览该网页的用户在该网站中的任何位置,都能够清楚的找到指引方向的标识物,并通过页面上的图形、符号、颜色、多媒体、文字标识物等元素所承载的信息,准确、顺利抵达目的地,并使各页面之间的相互跳转的通过导向系统变得合理有序?在网页当中,视觉导向设计的目的在于准确把握用户的心理活动及一般视觉转向,一定要明确用户“从那里来,到那里去”?对于网页界面设计中的视觉导向设计出发点是基于用户的需求导向出发的,怎么样才算是从用户的需求出发呢?在这里从以下几点来看: 1页面布局的合理与统一 需要考虑网页布局的框架的合理与统一?一般网页的布局设计方法是一种上下框架结构式,通常上方为导航条,或者动态的公司企业形象、广告区域?下方为正文、内容部分(也有在下方为导航,上方为内容等)?还有企业网站较喜欢采用的二分栏式布局,或叫作左右结构式?这是一种清晰的分列两旁的框架结构,一般左侧是导航条,有时最上方会有一个小的标题或标志,右侧是正文、内容部分或者公司企业形象展示?而大中型企业比较喜欢的一般是上左右布局式的框架式样?这种类型框架特征是通常在网页界面的上方设置为主要的菜单导航条,左侧为点击出现的细分栏目导航条,下方为较主要的栏目及小广告等,右侧为内容区域?对于较为大型的企业、电子商务、政府网站、教育机构上左中右结构式又称为3分栏布局式,,也是较常见的结构式?同上左右框架式稍有区别的是中间部分为内容区域,右侧则是该网站较重要的内容导航区域,或是登录、搜索区域、小广告等?网页界面的布局设计没有一定的绝对的结构框架形式,可以说都是根据网站性质的开发需要、根据网站所表现的内容以及想要传达的信息考虑,然后选择适合表现、适合传播、适合开发等这些因素条件的能够体现网站内容及主题的这样一种布局形式,并在整个设计中主要是一个——从用户出发、考虑界面与用户交 互角度出发,引导用户的视觉重要因素? 要考虑到页面尺寸的大小对用户浏览的影响?影响网页页面尺寸的因素有2个,一个主要的是显示器大小及分辨率,另一个是用户使用的浏览器?网页是通过计算机的显示器来实现最终显示的,不同的人群又是使用着不同的显示器的?目前我们在对网页界面进行设计的时候的页面尺寸基本上能够适合1024×768及1440×900这两个分辨率就可以了,另外,关注和研究显 示器的发展方向也必然是做好网页界面的必修课之一? 用户使用的浏览器也是影响页面尺寸的因素之-?因为不同的浏览器会有不同的界面设计,而其中的工具条基本上都要占部分屏幕空间,有的浏览器占据的空间要大,有的要小,所剩余的
网页视觉设计原则 网页视觉设计原则关系到网站的用户体验。然而对于网页的设计原则，需要网页设计师充分了解设计原则才能设计出更好的网页。这里网站建设协策网络给大家介绍一下网页的视觉设计原则。 1、通过字体表达产品风格 视觉设计中，字体的选择对于产品风格的表现是作用明显的，同一段文字，用不同字体写出，感觉确实千差万别。 2、通过配色展示产品定位 通过配色来展示产品定位，也是设计师必用的方法。视觉设计前期调研阶段，常常通过情绪版提炼适合目标用户的颜色，形成一整套的配色方案。 紫色，关键词：优雅、高贵、女性、庄重、神圣、成熟、深度、神秘、时尚。 红色，关键词：艺术、热烈、开放、激情、积极、活力、喜庆、生命、成熟。 蓝色，关键词：理智、知性、公正、商务、科技、严格、细致、严谨、公式化。 橙色，关键词：阳光、辉煌、活动、温暖、记忆、家庭、健康、快乐。 绿色，关键词：成长、朴素、公益、生命、安全、新鲜、和平、春天、大自然。 3、营造统一的品牌形象 品牌形象是一个很大的领域，具体到某个产品的品牌感，更多的还是通过视觉形象来传达。这就需要视觉设计师制定一套系统的视觉体系，让用户看一眼，就能清晰地辨认。 4、造型让产品更有冲击力 视觉设计中，夸张的造型对用户的冲击力非常大，很容易一下抓住用户。 5、重要内容留在首屏 这是视觉和交互设计师中都要注意的，有时往往原型中放在了首屏，视觉设计时由于一些原因(加模块或是加高头图)又被挤到了下面，这点大家在视觉审核与测试中要格外注意。 6、让页面有层次有重点 交互设计师完成页面布局设计，突出页面重点，方便用户浏览信息、完成任务。视觉设计阶段，好的设计稿对于延续前期交互理念，引导用户操作是非常有帮助的。 7、模拟现实世界匹配用户心智模型 原型设计中常说，操作方式要符合用户的心智模型，其实视觉设计也一样。把一些现实元素拿来，模拟真实世界，会给用户身临其境的感觉。
工商学院电子工程学院视觉形象设计说明书 1.CI设计概述 1.1.CI的定义 CI，也称CIS，是英文Corporate Identity System的缩写，目前一般译为"企业视觉形象识别系统"、“企业形象战略”、“企业形象设计”等。CI 设计，即有关企业形象识别的设计，包括企业名称、标志、标准字体、色彩、象征图案、标语、吉祥物等方面的设计。 将企业经营理念与精神文化，运用整体传达系统(特别是视觉传达系统)，使其有一个统一的标准传达给企业部与大众，并使其对企业生产一致的认同感或价值观，从而达到形成良好的企业形象和促销产品的设计系统，并发挥促进消费的作用。从某种意义上说C I活动就是创造、生产和推销企业形象的过程。 1.2.CI的意义 CI的意义包含三大渗透：视觉渗透、意识渗透、战略渗透。 视觉渗透包括企业标准色、标志及标准字，从而让大众在大脑中形成意识渗透，进而在实践中产生战略渗透，最终达到促进消费的作用。 1.3.CI的三大构成要素 企业识别系统主要由企业理念识别（MI）、企业行为识别(BI )、企业视觉识别(VI)三个部分构成。这些要素相互联系，相互作用，有机配合。而VI 是企业视觉识别系统，它是CI工程中形象性最鲜明的一部分，以致于很多
人会错误地把VI当作CI的主体。 2.视觉识别设计之基础要素 2.1.标志的设计与开发 相关知识的介绍 标志（logo，又写作标识），是表明事物特征的记号。它以单纯、显著、易识别的物象、图形或文字符号为直观语言，除表示什么、代替什么之外，还具有表达意义、情感和指令行动等作用。 标志是将企业抽象的理念，以具体的造型图形形式表达出来的视觉识别符号，在企业视觉识别设计中，标志是启动并整合所有视觉元素的指导和核心。展示作品图 设计构思 标志以汉字“电”为主体展开设计，字母e为辅助设计元素展开设计。工商学院前身为师大学大学电子信息学院，为凸显学院专业优势，标志设计将汉字“电”作为主体，电子工程英语翻译“ELECTRONIC ENGINEERING”首字母“e”强化专业意识，将二者结合做线条变化，设计成为一个变形的“电”。标
界面设计风格说明 1.引言 (1) 1.1.编写目的 (1) 1.2.文档范围 (1) 1.3.读者对象 (2) 1.4.参考文献 (2) 1.5.术语与缩写解释 (2) 2.目标人群 (2) 3.界面设计原则 (2) 3.1.界面一致性 (3) 3.2.系统响应时间 (3) 3.3.出错信息和警告 (3) 3.4.一般交互原则 (3) 3.5.信息显示原则 (4) 3.6.视觉设计 (4) 4.设计说明 (4) 1.引言 1.1.编写目的 本文档是对系统界面设计风格进行描述， 1.2.文档范围 本文档是对系统界面设计风格进行描述，
1.3.读者对象 本文档的阅读对象是智能手机系统的设计人员、开发人员、业务规范设计人员、软件测试人员。 1.4.参考文献 1.5.术语与缩写解释 2.目标人群 追求时尚，重视娱乐功能的年轻一族，和高科技从业人员。 3.界面设计原则 坚持图形用户界面设计原则，界面直观、对用户透明：用户接触系统后对界面上对应的功能一目了然。手机系统是用户直接操作和应用的主体，用户界面是手机操作系统的人机交互的窗口，界面设计基于手机的物理特性，根据手机所支持的色彩数量、图像格式，做到最大限度的发挥手机的物理特性。
3.1.界面一致性 为减少用户的记忆负担和界面的美观，在界面中保持界面的一致性，一致性即包括标准的控件，也指相同的信息表示方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 1）界面样式的相对统一，具体界面可结合具体操作的可用性和可实施性，对界面样式进行合理的调整，使区域与区域之间协调统一，主次得当。确保用户可以方便快捷地进行功能操作，减少记忆负担。 2）界面的色彩及风格统一，包括图标、按钮的风格及在不同操作状态下的视觉效果的统一。 3）菜单选择、数据显示以及其它功能使用一致的格式。 4）界面的协调一致。如手机界面按钮排放，肯定、否定摆放位置等。 5）同样功能用同样的图形。 3.2.系统响应时间 系统响应时间应该适中，系统响应时间过长，用户就会感到不安和沮丧，而响应时间过 3.3.出错信息和警告 有清楚的出错信息和警告提示。误操作后，系统提供有针对性的提示。对出错信息和警告应该遵循以下原则： 1）信息以用户可以理解的术语描述； 2）信息应指出错误可能导致的不良后果，以便用户做出判断或改正； 3）信息应伴随着视觉上的提示，如特殊的图像、颜色或信息闪烁。 4）信息不能带有判断色彩，即任何情况下不能指责用户 3.4.一般交互原则 一般交互遵循以下原则： 1）一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。 2）对于使有耗时的操作都给出反馈 3）确保具有明显后果的操作要求用户进行明确的选择* 用户需要完全明确他将要进行危险性操作或破坏性操作。 4）在数据录入上允许取消大多数操作 5）减少在动作间必须记忆的信息数量
三大构成课程的包括什么?三大构成的学习重点是什么？需要掌握什么？ 三大构成课程简介及课程大纲（附作品） 一、平面色彩构成课程简介及大纲 1、本课程发展的主要历史沿革 视觉构成关系训练是所有各类设计的基础，这在全世界的设计教育基本取得了共识，这种训练就是时下在各个办有设计类专业的院校对低年级学生所开的平面构成，色彩构成，立体构成“三大构成课”。这些课程作为设计类专业的共同性专业基础课，是在上个世纪20—30年代在德国包豪斯奠定的。这个课程体系经过在二战前包豪斯的开拓，二战中在美国的实践和战后德国的乌尔蒙设计学院的进一步发展，而成为今天在全世界范围内大多数工业设计教育院校的专业基础训练的基本模式。 在我国，由于特殊的政治、文化和经济背景，真正意义的现代设计一直到1979年改革开放后才开始起步；而有关包豪斯设计教育的系统性介绍首先是从日本人的书籍“转口”引进的，特别是三大构成方面的著作一开始差不多都是日本人编写的，而且相当一部分书籍是经台湾翻译的日文著作介绍进来的，甚至至今这些书籍在我国设计教育界都颇有影响，例如朝仓直已的两本构成著作，几乎成了许多教构成课的教师手中的主要教学参考书籍。因此，近来设计教育界不少人对此作了一些反思，认为，我国设计领域对包豪斯的接受，与其说是深层次设计理念的需要，不如说是设计教育从工具性层面上求变的一种行为。由此一来，“三大构成”几乎成了包豪斯的同义语，在许多人的心目中，包豪斯就是“三大构成”，“三大构成”就是包豪斯。这不仅阻碍了人们去理解现代主义设计科学理性的精神内核；而且使“三大构成”课教学目的和宗旨也迷失在图像形态的技术性抽象化和构成化的变幻之中。 2、理论课和理论（含实践）课教学内容 （一）课程定位与课程目标 通过此课程让学生利用手绘及电脑作为表达媒介，进行平面构成与色彩构成的学习。培养学生的造型创造能力、形与色调和能力、鉴赏能力与表达能力。掌握平面构成与色彩构成的基本原理，认识形与色的体系，实验构成的思维方法、配色方法及表现方法，并通过完成构成作业，创新构成形式。通过教学，扩大了学生的专业视野，对新的设计基础观产生了正确的认识，逐渐实现“厚基础、宽口径”的课程战略思想。培养基础较为扎实，善于创新，掌握实际技能的应用型设计人才。 （二）知识模块顺序及对应的学时 绪论：构成——现代设计的造型基础训练 第一部分：视觉传达设计基本原理 第一章造型与构成法则——平面设计的形式美学原理 第二章色彩设计原理 第三章图形知觉心理学 第二部分媒介与技法 第四章色彩材料、纸张与表面、绘图工具、制作工具与材料 第三部分课程作业体系
平面构成的视觉设计语言在网页中的表现 发表时间：2011-05-09T08:34:35.533Z 来源：《魅力中国》2011年3月上作者：涂岚廖先锋 [导读] 随着社会的日益变更,网络时代的到来无疑是为现代社会披上了一层耀眼的外衣。 涂岚廖先锋 （南昌大学艺术与设计学院江西南昌 330029，江西生物科技职业学院江西南昌 330200） 中图分类号：G42 文献标识码：A 文章编号：1673-0992（2011）03-0000-01 摘要:随着社会的日益变更,网络时代的到来无疑是为现代社会披上了一层耀眼的外衣。网址是互联网的最基本的组成部分,而网页则是网址最基本的元素。网页是由文本、图象、Flash动画、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成;而平面构成则是由点、线、面三个基本元素组成。因此,本论文从构成的含义,平面构成的概念,发展,基本特点以及平面构成的形态要素在网页中起的作用和平面构成的几种形式在网页中的具体运用等方面结合网页来论述。 关键词:网页；构成概念；平面构成基本特点；平面构成形态要素；平面构成形式 现今,网络已经成为现代社会不可或缺的好帮手,人们从网络中能够获得大量的信息,其中网页对于人们的帮助是不容忽视的;如果说网址是互联网最基本的组成部分,那么网页就是网址最基本的元素。他们是通过各种链接相互关联,从而描述相关的主题或实现相同的目的。网页是由文本、图象、Flash动画、声音、视频、超级链接、表格、导航栏、交互式表单等基本元素构成,而这些元素从构成形式上看就是简单的点、线、面等基本元素经过了艺术创造,变得更加的有质感；就拿文本来说,文本作为网页中的基本元素，与平面构成中的点元素有着相同的作用——点睛之笔。再从构成的含义来说，它首先是一种造型的概念。所谓构成就是以数种以上的单元重新组合成为一个新的单元。然而构成它更多的是哲学和科学的含义:即“对象世界诸要素的分解与组合,使新的功能显现。”构成是创造形态的方法,研究如何创造形象,形与形之间怎样组合,以及形象排列的方法,可以说是一种研究形象构成的科学。 一、平面构成的发展及其基本特点对于网页设计而言所代表的意义 平面构成是设计中最基本的训练,是在平面上按一定的原理设计、策划多种视觉形式。我们学习构成不是目的,而是形成目的的手段,是一种思维方式的训练、分析和实验,最后通过这种思维方式的开发,培养一种创造观念,使我们有更多的想象力和创造性,开拓设计思路。那么,对于平面构成的发展,就要从包豪斯及其风格对现代设计的影响开始说,1919年,格罗佩斯在德国创办了一所名叫包豪斯的设计学府,是需要具备充分的能力,运用所有科学、技术、知识和美学的资源,创造一个能满足人类精神与物质双重需要的新环境,以“提倡艺术与技术的统一”作为教学理念。平面构成从包豪斯的教学理念中衍生而来,他不是以表现具体的物象为特征,但是它反映了自然现象运动变化的规律性。可以从两个方面来谈它的基本特点:第一是它以直觉为基础;用最简单的点、线、面进行分解、组合、变化,反映出客观现实所具有的运动规律。第二是它是一种高度强调理性活动的、自觉的、有意识的再创造过程。 二、平面构成的形态要素在网页中所起的作用。点、线、面是平面构成中的三个形态要素 （一）点表示位置,它既无长度,也无宽度,是最小的单位 它在平面构成中的概念只是一个相对概念,为什么这么说呢?因为它是在比较中而存在，通过比较而显现;这样说吧,同一个圆,在小的框架里圆显得很大,在大的框架里圆则显得很小,这就是点的相对概念。很多人都认为点是小的,而且还是圆,实际上这种认知是错误的,自然界中的任何形态,只要缩小到了一定的程度,就能够产生不同的点,点是视觉中心,所以说,在网页中的每个字都可以看作是点,由字排列出的文本就形成了构成中所说的线及面了。 （二）线是点移动的轨迹 从平面构成来讲,线是可以看的到的,它既有长度,也有一定的宽度和厚度,在设计中是不可缺少的元素。只要提到线,大家直接就能够说出线的分类,既直线和曲线。而直线和曲线对于人们来说，是有很强的心理暗示作用,看到直线,人们就会想到静;看到曲线,大家又能联想到动;直线具有男性的特点,而曲线具有女性的特征;在很多网页页面设计上都运用到了线的特性。 （三）面是线的连续移动至终结而形成的 面是有长度、宽度的,只是没有厚度而已。比如说直线平行移动形成长方形;直线旋转则移动而成圆形;自由弧形移动就会构成有机形;如果直线和弧线结合就形成了不规则的形。在网页设计中出现的图像、动画、交互式表单等都是由不同的点、线连续移动形成的面,给网页一个完美的效果。像那些企业网站、购物网站、音乐网站以及游戏网站等,他们的网页界面设计不仅有丰富的色彩吸引大众,还有不同设计风格的构成形式更让大家流连忘返。 三、平面构成形式在网页中的具体运用 平面构成设计是有组织的、有秩序地进行排列、组合、分解,因此它也是必须遵循一种原则和设计形式。平面构成中的形式大量被运用到网页界面中。 （一）重复构成在网页中的艺术魅力 重复在构成中的概念被人们理解为”相同或相近的形态连续地、有规律地反复出现”或者是”把视觉形象秩序化、整齐化,在图形中可以呈现出和谐统一富有整体感的视觉效果”。其实就象复印机复印东西一样,就是我们所理解的重复。在网页界面中,重复其实是被运用的最多的一种形式,比如说像购物网站中的购物、收藏等按钮,就是运用了重复,在购物网站中,不可能只有一种物品,如果要向广大消费者推销更多商品,那么在网页中出现”购买”和”收藏”按钮,就要设计更多,让大众有更多的选择机会,才能提升该网页的点击率。 （二）对比构成在网页中的表现对浏览者的心理带来的影响 对比是一种很自由的构成形式,它并不是以构成中的骨骼线为限制,而是依据形态自己本身的大小、疏密、虚实、现隐及形状、色彩和肌理等方面的对比而构成的。如果说协调求的是近似的话,那么对比则求的就是差异。在自然界中,白天与黑夜、肮脏与干净、温暖与寒冷都是对立的结合,当图形处于一种相异的状况时,就会发生对比,像大小、长短、黑白等就是明显的对比。在有的被文本占去大面积的网页界面中，为什么会出现图片、flash动画,甚至还会出现漂浮图片,除了丰富界面以外,还有一种影响浏览者心理的作用,其实网页界面中的文本与图片、动画、漂浮图片形成一种对比,这和浏览者心理有关系吗?当然,而且关联很大,如果在一个网页界面中,只有文本的话,那么这样的网页会给人一种什么感觉呢?乏味、枯燥、单调,而浏览的人可谓是寥寥无几,加上图片、动画,甚至时不时的冒出漂浮图片,不仅仅让网页界面内容显得丰