苏州上元教育培训中心

上元设计觉得学习平面设计应该从理论入手，必须要先了解何为平面，比如 纸面印刷，视频等以平面方式传播的就叫做平面。那平面包括了什么行业呢？我们所能看到的可传播的没有立方体呈现的任何方式，都能归纳为平面类 ，比如海报，书，电视电脑电影等等。

苏州平面设计培训：然后才是设计，如何去设计，设计怎么分类？只有找准 了方向去学，才不会无从入手。现在的平面设计可细分的行业非常多，除了影视制作，还有广告公司，主要做一些视觉识别设计VI和海报宣传。而软件 公司和网站公司就要做一些界面设计UI，还有建筑行业的和室内设计行业的要做平面施工图等。当然高大上一点还有插画师，艺术类的。

苏州平面设计培训：工具类。要设计一样东西，就得学会制作工具，主要以 软件为主，要学的软件不外乎PS,CDR,AI,CAD,DW等主流软件。

苏州平面设计培训：设计理念。这个才是**重要的，你要设计一样东西，必 须得有它的理念，为什么要这样设计，设计出来的适合印刷吗适合审美观念吗等等与外界的沟通才是**重要一环，做出来的东西必须是要有人看，觉得 好看，并从中看到其内涵文化才是好设计。

视觉传达语言课程

视觉传达语言
实验绘画		（1）课程要求： 挖掘学员的表现能力，能解决所遇到的问题；  （2）学习内容：观察、理解形状、构图、布局、质感； （3）课程安排：单色写生（用铅笔画线描图）、灰色调画（透过取景器，选择、画出静物的局部）学习黑白灰色调 的运用。
应用色彩		（1）课程要求： 能懂得考虑如何借助色彩表现感情、温度等；  （2）学习内容：色彩设计； （3）课程安排：单色画组合、九宫格画。
工作室技巧		（1）课程要求：掌握一些工具（工艺刀、尺子、纸张、电脑设备等）的使用；  （2）学习内容：绘画与精确的裁剪、绘画工具混合使用； （3）课程安排：裁剪、粘贴和拼贴画、撕边与拼贴图形、相同题材，不同工具的绘画、电脑周边设备的使用。
平面绘画表现手法		（1）课程要求： 利用不同的手法完成作品的效果；  （2）学习内容：素材的理解、 平面造型设计表现手法； （3）课程安排：物体训练、平涂画、水粉防染画、点画、磨擦画、线条画。
平面设计原理
创意的来源		（1）课程要求：掌握造型风格及重要的设计创意方法；图像情感； （2）学习内容：表现主义造型、构成主义造型、浪漫主义造型； （3）课程安排：美术欣赏、作品分析、视觉试验练习。
图案文字的设计		（1）课程要求： 学习文字和图案表现方式；  （2）学习内容：文字造型、文字图案设计； （3）课程安排：文字与布局、文字尺寸、文字色彩、文字乐趣。
高级色彩的运用		（1）课程要求： 掌握运用色彩的手段；  （2）学习内容：运用色彩手段设计完成作品的基调和主题； （3）课程安排：色彩草稿、布局与色彩的关系、色彩的平衡。
设计流程（从概念到成品）
整理思路		（1）课程要求： 学习整理思路的方法；  （2）学习内容：概念草图； （3）课程安排：联想、淘汰过程。
协调设计		（1）课程要求： 如何做系列作品；  （2）学习内容：**布局、文字、色彩、图案和风格把各件作品联系起来； （3）课程安排：初步调研、寻找识别特征、统一设计风格。
平面设计人员与商业摄影师的协作		（1）课程要求： 掌握商业摄影的协作基本技巧；  （2）学习内容：商业摄影的基本常识、与摄影师合作； （3）课程安排：摄影的基本原理、商业摄影的流程、商业摄影实践。
高级工艺应用		（1）课程要求： 掌握后期制作的特殊工艺及材料；  （2）学习内容：认识各种后期制作的工艺及材料； （3）课程安排：制作工艺、材料认识。
准备输出		（1）课程要求： 掌握输出前的预检工作；  （2）学习内容： 认识CTP出版； （3）课程安排：Acrobat的基本应用、CTP流程的基本原理。
商业设计实务
企业形象设计实务，经典案例解析		（1）课程要求： 解决企业整体形象的设计工作；  （2）学习内容：探讨商业图案设计的问题； （3）课程安排：确定主题、商标设计、企业标识、设计手册。
书籍装帧与板式设计理论及实务		（1）课程要求： 完成出版物的整体设计工作；  （2）学习内容：版面设计、杂志、书籍设计； （3）课程安排：出版计划、表达创意、设计出版物的风格、版式规划、制作成册。
产品包装设计理论及实务		（1）课程要求：根据广告策划的要求，完成表现广告（视觉传达）部分的平面设计工作；  （2）学习内容：对于广告的认识、群体协作； （3）课程安排：良好的团体协作、推销活动计划、视觉展示方式、制作效果。
商业广告设计实务		（1）课程要求：根据广告策划的要求，完成表现广告（视觉传达）部分的平面设计工作；  （2）学习内容：对于广告的认识、群体协作； （3）课程安排：良好的团体协作、推销活动计划、视觉展示方式、制作效果。
就业综合指导		（1）简历设计、制作及面试礼节 （2）行业状况介绍，就业指导 （3）面试礼节

即使是**靠下的网站页脚，设计上同样很讲究

---

编者按：CARRIE COUSINS 写了不少各种网站和 UI设计的**佳实践，虽然很多 UI元素的设计并不复杂，但是许多细节都值得注意。今天的文章帮你梳理了如今流行的网站大型页脚的设计技巧和注意事项，还是挺实用的。

虽然网页页脚的设计在整个页面设计中并非**引人瞩目的部分，在需求中的优先级也不高，也不是整个网站设计的核心，但是它依然是整个网站不可或缺的部分。一个好的网站页脚能够让用户找到有用的信息，更好地互动感。想要设计一个功能完善，美观的网站页脚，有什么可供遵循的方法和技巧呢？今天的文章就来给你答案。

通常，一个包含系统化信息的大型页脚能够帮用户更好地使用一个复杂的大型网站，尤其是像 Amazon。

大型页脚的设计诀窍在于信息的组织。一旦明确了页脚需要帮用户实现什么目标，接下来的事情就不难了。下面分享7个技巧。

1. 确定一个明确的目标

在为网站设计一个大型页脚的时候，先要明确用户在实际状况下如何使用它。尽管有许多网站将页脚当作收纳不知道怎么处理的链接和信息的地方，但是实际上页脚的功能并不是垃圾箱。

和网站其他的部分一样，设计优良的页脚是有着明确的设计目标的：

• 提供网站地图，以及**受欢迎的页面/链接
• 提供联系方式，或者提交订阅的表单
• 提供社交媒体帐号链接和信息
• 提供行为召唤的功能
• 提供公司或者店铺的实际地址/可视化地图
• 网站和团队相关的信息（适合博客类网站）

2. 具备响应式设计

响应式设计毫无疑问是如今网站应当具备的基础素质，而大型的网站页脚同样也应该具备良好的响应性，这样才能确保体验上的一致，并且让用户能够便捷　地与之互动。

一个大型的页脚，在桌面端上展示的时候，信息按列来分割排布，看起来是很合理的，但在移动端设备上，就显得凌乱而复杂了。尤其是考虑到页脚需要随着页面变化而响应，并且要便于交互。

整个页脚的主要设计目标是包含并组织大量的元素，而这种形式并不一定拘泥于多栏式布局。

当然，你还可以采取另外一种方法来进行设计，使用超大的页脚来承载单一元素，让它将特定的功能发挥到极致。就像上面的 Hustle Panda 这个页面，整个页脚几乎扩到屏幕的尺寸，单列式的布局，即使是在移动端上也可以和桌面端一致的样式来进行响应和展示。（当然，你需要让 CTA元素足够大，并且易于阅读）

3. 包含用户期望的信息

绝大多数的用户对于网页页脚中所呈现的信息，是有所期待的，将用户期望的信息包含在其中，可以让它的可用性更强。

虽然并非所有的元素都需要包含在网页页脚当中，但是下面所列举出来的元素，应该覆盖了绝大多数的用户需求：

• 网站地图或者拓展导航
• 联系信息，地址或者地图
• 社交媒体链接
• 电子邮件订阅信息
• 搜索
• 关于我们
• 获奖情况或者证明
• 新闻资讯，**近的文章或者事件列表

还有一些其他的小元素或者功能控件可以放到其中，但是用户并非需要全部的元素，他们所需要的通常是其中的一部分，绝大多数是关于网站本身的一些信息。

• 版权信息
• 法律信息和隐私条款
• 专业领域或者所属组织

4. 组织链接

包含大量的、不同的内容的网站，应该考虑将大量的链接按照类别来进行分组管理，**有组织的链接，你可以帮助用户找到他们想要的相关的内容。

对于大型的项目而言，这是一种非常常见的技术，对于用户而言，可能会非常有用。以 Amazon 为代表的这些在线零售巨头对于在页脚中组织信息就有着丰富的经验。

在上面的 The Home Depot 的网页中，页脚就包含了多层次的页脚导航。其中包含了热门的分类（如果你没有找到想要的东西可以试着在这里找找），然后是客户服务的链接组（如果你需要额外的服务），以及相关的资源，公司的责任和其他的行为召唤元素。**后，页脚中还包含了其他相关品牌的链接，版权信息和协议条款。

页脚是网站功能的一种补充和完善，尤其是对于大型的网站项目而言，页脚的信息组织是尤其重要的。

5. 维持品牌的调性

不要事后再考虑页脚中的微文案。页头中的品牌设计和页脚中的品牌调性是同样重要的。

风格和调性上，页脚同样是网站的品牌设计中不可分割的一部分，在视觉上沿用网站的配色，在视觉元素和品牌化上，同样不能失去应有的调性。只有这样，用户才不会在浏览页脚的时候感到迷惑。

上面是电子邮件服务供应商 Emma 的网站页脚设计，其中包含一个明显的行为召唤按钮，所搭配的文案和整个品牌的调性保持一致，仿佛他们的营销团队在向你问好。页脚的元素和元素之间留有足够多的空间，确保整体的舒适感。

6. 足够的留白

紧密的文本是用户浏览和交互的大敌，保持足够的呼吸感，不仅能够确保视觉上的舒适，而且在功能上也有保障，用户交互也更加方便。

空间排版布局的规则，同样适用于页脚的布局设计，千万不要觉得它只是装饰性的，并不是「能看就行」。

如果页脚的设计可用性差，就不好了。你可以借助热点图等方式来确定用户对于各个模块的点击率和效果，在此基础上来进行优化。

7. 保持对比度

需要保有足够功能性的页脚，应当确保它们能和上方的内容之间构成对比，从而形成视觉上的差异，脱颖而出。页脚应当是整个设计当中的一部分，同时也应当具备足够视觉差异性，便于用户理解它的功能和存在。

在视觉上建立这种对比，**常用的方法是将页脚至于特定的 UI容器当中，比如彩色的区块或者框当中，**背景色彩和上方的内容进行区别。许多以浅色背景的网站，会在页脚的部位采用深色的背景。

这种额外的视觉对比的功能性是很明显的，用户会在看到页脚的时候因为差异而注意到并思考其功能，它是足够强大的视觉线索，并且在整个设计中创造出方向感和可用性。

结语

虽然越来越多的设计师开始设计超大型的页脚，并且许多设计都做得相当的惊艳，但是页脚的设计应当是有限制的，至少那些太长、需要翻页的页脚就相当的令人讨厌。

虽然页脚是承载大量信息，用来作为用户**后获取信息的地方，但是它也应该具备一目了然的特点，确保可用性、易用性和舒适性。

「网页设计的策略和技巧大合集」

• 《弹出框里的设计门道，你是否都知道？》
• 《遵循这7个原则，能让你的网页用户体验更优秀》
• 《网页中这10种字体的运用方式，不会让人觉得Low》
• 《吃透这10个网站，你就明白了网页中留白的技巧》

================明星栏目推荐================

联展网： 是旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气**高的设计网址导航，设计师必备：

相关推荐：

---

苏州平面设计培训   苏州平面设计培训班   苏州平面设计培训机构