平 面设计发展方向?
1.Type Design
文字设计也叫字体设计属于平面设计,在平面设计中较为简单的一种。但无 论在何种视觉媒体中,文字和图片都是其两大构成要素。文字排列组合的好坏直接影响其版面的视觉传达效果。因此,文字设计是提高作品的诉求力, 赋予作版面审美价值的一种重要构成技术。
2.Poster Design
“海报”或宣传画,属于户外广告,分布于各处街道、影(剧)院、展览会、 商业区、机场、码头、车站、公园等公共场所,在国外被称为“瞬间”的街头艺术。虽然如今广告业发展日新月异,新的理论、新的观念、新的制作技 术、新的传播手段、新的媒体形式不断涌现,但招贴始终无法代替,仍然在特定的领域里施展着活力,并取得了令人满意的广告宣传作用,这主要是由 它的特征所决定的。
3.Book Design
书籍装帧设计是书籍造型设计的总称。一般包括选择纸张、封面材料、确定 开本、字体、字号,设计版式,决定装订方法以及印刷和制作方法等。书籍装帧设计是指书籍的整体设计。它包括的内容很多,其中封面,扉页和插图 设计是其中的三大主体设计要素。
书籍设计能有效而恰当地反映书籍的内容、特色和著译者的意图。符合读者 不同年龄、职业、性别的需要,还要考虑大多数人的审美欣赏习惯,并体现不同的民族风格和时代特征。符合当代的技术和购买能力。
4.Package Design
包装是建立产品与消费者亲和力的有力手段,包装(packaging)是品牌理念 、产品特性、消费心理的综合反映,它直接影响到消费者的购买欲。
包装设计需要考虑商标、图形、色彩、文字4个要素,做到对称均衡、安定 轻巧、对比调和、重复呼应、节奏韵律和比例尺度统一。
5.Branding Design
如今世界进入品牌竞争的时代,品牌成为商界的热点,品牌设计也成为人们 常挂在嘴边的时髦词汇。据统计企业每投在品牌形象设计上1美元,所获得的收益是227美元。
品牌设计是在企业自身正确定位的基础之上,基于正确品牌定义下的视觉沟 通,它是一个协助企业发展的形象实体,不仅协助企业正确的把握品牌方向,而且能够使人们正确的、快速的对企业形象进行有效深刻的记忆。
6.Web Design
作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联 网品牌形象至关重要。它需要根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,**合理的颜色、字体、图片、 样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到**声光、交互等来实现更好的试听感 受。
7.APP Design——UI
APP设计是当下**时新也**火的设计,指对软件的人机交互、操作逻辑、界 面美观的整体设计。
APP Design**对界面设计不同需求进行的分类以及界面设计元素对用户行 为的影响,来研究用户在界面设计中所体现的重要性。好的UI设计不仅让软件变得有个性有品味,还让软件的操作变得舒适、简单、自由,并充分体现 软件的定位和特点。
高级平面(广告)设计师课程介绍:
平面设计师除了学习平面设计软件课程以外,还将接触大量的概念知 识、平面术语、绘画能力,色 彩搭配方案以及客户沟 通技巧,布局、颜色、文案等。理论结合实际操作的学习过程,老师提供的综合案例,需要我们从无到有制作一套或几套自己的VI作品、包装设计作一个阶段专业知识的学习!平面广 告设计师这门课程结束了专业和不专业也将立见高下。
学习内容:
Photoshop图像处理;Coreldraw图形设计、Illustrator矢量绘图、Indegin 排版软件、AutoCAD制图绘图、3DMAX三维设计师;平面设计原理 ;平面构成、立体构成、色 彩构成的基础知识;印 前与喷绘;创意素描、平面创意设计;平 面设计项目实战;电脑 美术基础、素描、色彩 、透视原理、造型结构等。
课程收益:
**系统、全面、深入、专业的学习,让学生强化理论基础,精通电脑操作 ,提高沟通能力。培养具备较高综合素质和技能的平面设计师, 使学员掌握平面设计不同职位需求的专业设计技能,并具 备独立完成各种设计项目的能力。
招生对象:
电脑爱好者,对计算机感兴趣,有志于从事设计行业的各界人士;初、高中 以上学历;无任何计算机或美 术基础(不要求学员具 有美术基础)。
就业方向:
平面广告创意师;平面设计师;平面创意师,平面制作;喷绘人员;视觉创意设计师;广告公司、会展中心广告设计师和制作师;企 事业单位形象设计师。报纸、杂志、出版等大众传播 媒体美编人员,各大商场、超市企划部,各企业宣传部、包装公司产品包装设计、产品外观设计美工;印刷制版公司、排版师、设计师等专业人才:印前制作师、排版人员;输出公司制版员;影楼影集册 设计师、淘宝平面美工设计,淘宝网店设计等;企业宣传策划部门的设计助理、平面设计师、资深设计师、美术指导、 设计总监等相关平面设计职业。
学习周期:按校区安排而定(以班级安排为标准)
使用教材:统编教材
上课时间:每月开设白班、晚班、周六班、周日班
老师资质:专业教师
学习保障:课程体系完善,讲师教学经验丰富
实例解析!如何成为有交互和视觉思维的UI 设计师?
UI 在拿到产品原型时该如何思考?如何着手设计界面?**近跟一些设计师朋友交流 UI 设计方案,总结了一下在方案优化的思考过程,在这里分享给大家。
一、两道思维
很多 UI 拿到一个页面原型的时候,就立马打开各大设计网站找参考,然后照着参考页面上的效果,生搬硬套到原型上,这只是达到了单纯美化页面的效果。
那么拿到原型后应该带着怎样的思维来进行思考呢?
**道思维:交互思维
先了解页面实现什么功能,功能的交互操作流程是怎样的,也就是说用户操作这个页面上的功能时,用户的行为路径是怎样的。
第二道思维:视觉思维
了解完功能、交互后,提取原型中视觉组成元素,细分归类,每一类应用统一性原则进行设计。
然后交互与视觉一同结合来设计界面。
二、思维应用
结合案例我们来看下两道思维是如何进行的。
**道思维:交互思维
了解功能交互流程。
根据实例原型分析出用户行为路径:
用户行为路径:
注意点:
- 用户行为路径的获取,一定要跟产品经理、交互设计师进行沟通确认清楚。
- 用户行为路径某些步骤中,也有先后之分,比如第1步中,用户输入了账户地址后,才会有账户的相关数据显示。
- 用户行为路径可以支撑信息内容进行归类分组。
第二道思维:视觉思维
提取视觉组成元素。
视觉元素:
注意点:
- 提取视觉组件元素尽量详细归类。
- 如有视觉规范,视觉组件元素风格应用请遵循视觉规范。
- 如无视觉规范,同类视觉组件元素应用统一性原则进行设计。
三、检验方案
我们带着两道思维来检验一下这位设计师输出的方案:
问题1:交互层级
问题所在:
数据显示在前,输入在后,交互操作层级有点混乱。
问题截图:
问题解决:
用户行为路径中,第1步有个先后顺序,先输入地址,后显示数据,在进行信息内容布局设计的时候同样需要有先后顺序,所以交互操作层级一定程度上影响着布局排版。
问题2:步骤关联
问题所在:
「批量转账」按钮归类到了第1步的信息模块中,交互操作逻辑有点不通畅。
问题截图:
解决方案:
用户行为路径中,用户核心费用信息后,**有可能的行为就是点击「批量转账」按钮,所以「批量转账」按钮与转账费用信息的操作关联性比较大,应该在同一模块里会更符合交互操作逻辑。
问题3:颜色应用
问题所在:
主色、点缀色、辅助色各自的应用范围没有规则,颜色应用混乱。
问题截图:
问题解决:
一个页面或者项目中,各种颜色的应用范围需要有一定规范,文字使用什么颜色、按钮使用什么颜色、输入组件使用什么颜色、背景使用什么颜色都需要有对应的使用规则。
问题4:输入控件
问题所在:
输入类组件样式存在多样性,同样是输入框,有多种样式,会造成用户交互操作上的认知有误。
问题截图:
问题解决:
一个页面或者项目中,输入类组件样式应用统一性原则,保持视觉风格一致,从而减少用户操作认知偏差。
问题5:按钮样式
问题所在:
按钮样式应用到不具备按钮点击属性的对象上,用户会认为也是可点击,会造成用户交互操作上的认知有误。
问题截图:
问题解决:
一个页面或者项目中,不具备按钮点击属性的元素尽量不要套用按钮样式,减少用户操作认知偏差。
举个例子:人形的稻草套上人的衣服,成功了欺骗了人们,造成了认知偏差。
问题6:信息展示
问题所在:
同类信息内容的展示存在多样式,传达过程中加重了用户的认知负担。
问题截图:
问题解决:
一个页面或者项目中,同类信息内容的展示应用相似性原则保持视觉风格一致,因为相似性的布局可以更加高效地传达信息。
举个例子:电商页面,金额信息展示;理财页面,收益信息的展示;都是应用相似性的布局,即统一又高效地传达信息。
问题7:图标风格
问题所在:
图标风格不一致,图形反白风格,立体风格,线性风格。
问题截图:
问题解决:
根据产品的特性,建议统一的图标风格,选择线性、面性、渐变、立体等风格。
问题八:对齐间隔
问题所在:
页面元素的对齐、间隔没有规律,整体视觉显得松散,不严谨。
问题截图:
问题解决:
可以利用栅格系统,把页面信息内容规整起来。
四、优化方案
根据发现的问题,我们来看一下优化后的设计方案:
优化1:交互路径
根据用户行为路径,将相关联的信息归类到一个模块,每个步骤划分到一个模块,相关联的步骤合并到一个模块,模块内完成各自的操作展示任务,模块之间信息内容互不干扰,但从结构布局又能够形成符合交互操作逻辑。
优化2:颜色规范
规范颜色,配色的方法在这里不做深入讨论,这里方法的是基于品牌色**饱和度、亮度、透明度的变化来得出文字各层级的颜色、边框的颜色。
优化3:输入控件
对输入类控件的样式进行了统一,让用户从视觉上就能够清楚地分辨出哪些是可以进行输入操作的,从而减少用户对交互操作上的认知成本,提高信息输入效率。
输入控件进行交互时,要有交互状态反馈,默认状态、选中状态、错误状态。视情况而定,可以增加鼠标移上状态和不可输入状态。
状态变化时的颜色应用,可以**变换色相的透明度来保持色彩的一致性。
优化4:按钮规范
对按钮进行了分类,分为常规按钮、图标按钮、文字按钮;对按钮样式用颜色进行了统一;按钮要有交互状态反馈,不可点击状态、可点击状态、鼠标移上状态、鼠标按下。
状态变化时的颜色应用,可以**变换色相的饱和度、亮度、透明度来保持色彩的一致性。
优化5:信息展示
对信息内容应用相似性原则进行了排版的统一处理,每个小类信息的标题与内容采用统一排版格式,然后重复应用,有助于提高信息获取效率。
优化6:图标风格
这里的图标应用于功能性图标,统一采用线性圆角风格。功能性图标需要注意图标的形状要能够正确有效地传达出功能的含义。
优化7:对齐间隔
应用栅格系统对视觉元素之间的对齐、间隔进行调整,使页面视觉更加严谨,页面信息更容易阅读。
五、总结
交互思维
了解页面中的功能交互流程,梳理用户操作行为路径,可以对行为步骤中的信息内容进行归类分组提供依据,**终有助于页面信息内容的排版布局。
视觉思维
提取视觉组成元素,对颜色、文字、控件、图标等每一类应用统一性原则进行规范设计,再**视觉元素本身相互组合,**终应用回信息内容上,建立规范的视觉感。
设计一个页面,交互思维和视觉思维是互相配合的,缺一不可,**终都是为了共同去构造符合交互操作逻辑、满足视觉美感的界面。
作者:k_001ayy ?不断奔跑中的设计师
图片素材作者:JONES & CO
「只会美化界面?那可不行」
- 《总监经验!视觉设计师必须知道的交互设计模式》
- 《视觉设计出身,如何**实战向UX设计师转型?》
- 《从上亿人使用的阿里收藏夹迭代过程,总结视觉设计师应该拥有的体验思维》
================明星栏目推荐================
联展网: 是旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气**高的设计网址导航,设计师必备:
相关推荐: