主要欣赏其造型要素及形式原理,版面内的字体、图像图形、线条、表格、色块等要素的运用,和这些要素按照什么样的要求进行编排,以什么样视觉方式艺术地表达出来,并通过对这些要素的编排,使观看者直觉的感受到设计师要传递什么意思。 设计中的点、线、面是构成视觉的空间的基本元素,也是排版设计上的主要语言。排版设计实际上就是如何经营好点、线、面。不管版面的内容与形式如何复杂,但最终可以简化到点、线、面上来。在平面设计家眼里,世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点;一行文字、一行空白,均可理解为一条线;数行文字与一片空白,则可理解为面。它们相互依存,相互作用,组合出各种各样的形态,构建成一个个千变万化的全新版面。
学UI设计需要注意的问题:简易性。界面的简洁是要用户便于使用、便于了解产品,并能减少用户发生错误选择的可能性。 用户语言 界面中要使用能反应用户本身的语言,而不是游戏设计者的语言。3 记忆负担最小化 人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定,24小时内存在约25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。 一致性 它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与产品内容相一致。 清楚 在视觉效果上便于理解和使用。用户的熟悉程度 用户可通过已掌握的知识来使用界面,但不应超出一般常识。 从用户习惯考虑想用户所想,做用户所做。用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计,如:书籍对比竹简。 排列一个有序的界面能让用户轻松的使用。安全性 用户能自由的作出选择,且所有选择都是可逆的。在用户作出的选择时有信息介入系统的提示。灵活性 简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄、界面)。在这些方面,蓝湖可以很好的帮助设计师,我们公司目前就在用这个
A课程 设计美术UI理论1、学前用户调研(基本属性/自我分析/需求动机)2、职业定义、项目分工8角色、工作内容3方向3、岗位职责9环节、能力素质模型5维度4、UI设计的11点考虑UI用户界面1、认识用户界面(App/ Web/ Desktop/ TV/ Navi/ Wearable )2、App分类介绍(Native App/Light App/Web App)3、认识Native App中的设计组件学前指导1、知识体系管理5指标2、UI资源分享(书籍、网站)3、布置项目任务、明确后续课程阶段性目标素描1、明暗调子理论\线条2、透视知识3、素描几何体4、材质表现:玻璃材质表现、塑料材质表现、金属材质表现、木纹材质表现UI手绘1、线描手绘图标,手绘界面,设计原型图,材质表现的应用图标2、线框图UI色彩彩铅、UI界面、UI原型图三大构成色彩构成,图案构成,平面构成,LOGO设计,字体设计创意设计创意图标,创意界面,创意原型图(以指导学生在学期项目作品中遇到的设计美术问题为主,赏析优秀设计为辅(LOGO/字体/Icon/界面)。设计心理设计心理学、色彩心理学、创意心理学 (1、水彩调色与RGB调色板的对应关系(如:加白/黑颜料对应RGB调色板如何操作 2、色彩语言,包括饱和度、明度改变的心理差别)B课程 UI软件应用UI设计概述Photoshop界面构成、图像设计基本知识,Photoshop工具使用Illustrator 1、矢量图形绘制软件的界面与工具 2、矢量图形绘制技巧Flash1、Flash 界面及基础操作2、多媒体交互动画制作After Effects 1、视频动画基本制作2、插件运用技巧 C课程 视觉设计设计规范1、设计工作流程、视觉分析报告2、GUI原生系统界面设计规范(iOS7/6/5、Android知名品牌系统)3、控件/Icon设计规范(尺寸/对齐/像素)GUI基础课程1、在老师的带领下学生上机操作完成A课程中的实例作品2、教学过程中反复引导学生严格遵从工作流程、设计规范操作3、以能将A课程所学的手绘技能运用软件熟练的表达为目的GUI专业课程1、控件绘制与适配应用2、图标绘制与适配应用(应用图标/界面图标)3、背景图绘制与适配应用4、引导页面绘制与适配应用5、用户界面设计适配(Pad/Phone) 6、动态设计(GIF/视频动画)7、切图工具、UISPEC制作(坐标标注、说明文档、命名规范)GUI进阶课程1、各领域App临摹设计(音乐类、视频类、社交类、工具类、游戏类、金融类、购物类)2、各设计风格App的解读赏析与临摹创意设计1、将临摹积累出的表现方法成功的运用到自己的设计作品中2、老师给予技术上的辅导和方向上的品鉴3、鼓励学生之间多沟通和相互评审D课程 交互设计UX理论1、用户体验概述2、用户体验要素3、移动应用UI设计模式4、产品架构思维导图设计5、原型设计规范、交互文档编写规范6、Freemind、Powerpoint思维导图及原型设计AXURE_RP 5 1、认识AXURE2、控件的交互、多个场景设计3、实例讲解:电商平台、社交平台、音乐平台 4、手机界面设计(拟物化,扁平化,极简化、ios7风格,6风格、5风格)Iphone/android Iphone与Android的交互特性与差异手机交互实训 1、用户调研分析报告2、竞品分析和评估3、研究应用概念、制作原型 4、应用概念交互设计文档编写 5、进行可用性测试和评审案例实训 1、以学期项目作为模拟项目,进行用户调研分析、竞品分析、交互原型制作2、根据优化后的交互原型修改已完成的UI界面设计毕业设计用户调研分析问卷、竞品分析PPT、手绘/AXURE交互原型稿、UI界面设计文件(含动态效果)、视觉分析PPT、UISPEC PPT、切图文件包E课程 就业指导就业指导1、简历制作(美化简历)2、UI面试作品制作及美化包装3、面试的常见问题及应答策略4、面试中的上机实战操作5、UI设计师的职业规划 6、个人方案设计/展示
从三个方面:1、版面架构的主次性:根据内容多少,内容的宣传主次,主的总是要明显,然后再其次;2、整体风格的统一性:包括字体的统一,字的大小,字体的统一,标题或正文统一规范;3、图文的搭配合理性:我们知道报纸始终是以新闻内容为主的,因此在图片和文字的比例和位置上一定要合理,比如重要的新闻可以先用大图吸引眼球,当一个版面用了大图后,就要考虑此版其它内容的合理配图,怎么才能不影响版面的架构。4、颜色的运用协调性:不要五颜色六色,不能眼花缭乱。
平铺图片平铺图片:指的就是将图片铺满整个画面,充当版面设计中的整个背景,这样的设计方式多用于书面封面的设计。图片居中排版图片居中排版:指的就是将图片居中放在画面的中间位置,且让四周留白的对应位置的空间保持一致。图片平铺+色块+文字图片平铺+色块+文字:指的就是将图片平铺在版面中,可以是和第一种一样的全铺,也可以是非全铺,再就是在图片上加一个有颜色的色块,再把文字叠加在色块上。图片任意排版图片任意排版:指的就是将图片放在版面中的任意位置,不居中。图片出血排版图片出血排版:指的就是将图片放在版面中四周可以不留出血(出血指间隔)可以是出血1边、2边、3边。图片分割排版图片分割排版:指的就是将图片分割成几个图形组合,不影响图片识别的完整性。图片跨页排版图片跨页排版:指的就是图片占据在版面的两个面,大小随意。
构图,色彩,创意,寓意
1、主题比较突出,容易抓住人的目光,卒展二字采用类似桌布的格子形式,很有设计感,色彩搭配很好看,“卒”字为玫红色搭配蓝色;“展”字为绿色、蓝色、深蓝色、紫色。2、内文的排版使用了三种颜色,比单独使用黑色会更丰富一些,而且内文的颜色还可以与主题文字的颜色形成呼应。3、采用居中构图,主题文字把内文分开左右两部分,相对来说没有把所有内文排在一边那么乏味、单调,如果版面中的文字比较多可以采用这种构图形式。4、海报中的信息呈段落式紧凑排列,并严格控制了视觉块,不会显得画面太花太乱。优秀海报分析1、把矩形框变形成一定的透视,与人物的脸部形成前后的穿插关系,加强了画面的空间感、形式感以及视觉冲击力。2、三个矩形框的大小相近、平行分布,形成一定的节奏感,但这三个框的质感又截然不同,使得这三个框呈现出既统一又有对比的效果,层次感得到了加强。3、矩形框上的文字间距和行距都很大,且搭配了一些小元素,并与矩形框的透视形成统一,这么形排既不会大面积遮挡画面,且节奏感和装饰效果很好。
流程上就是比较容易出现的问题, 信息容易遗漏,排版之前一定要把内容都分好区域,定好各自的版面版式,以免最好版面又不够了或者又多了再重翻工~ 各版面主题的明确,这个一定要注意,以免同类型的信息出现在不同的版面上 固定版心,严格按照要求的版心去排版 团队信息,设计好制版团队的人员名单所放位置 我能想到的就这些,具体的一些问题要到你亲手排的时候才能逐渐体会~
版式设计是一门科学~稍稍区分于艺术~没有具体评判标准~有喜欢理性的设计师~有喜欢感性的设计师~业内评价较高的是理性设计~它们易用、易理解、易扩展、易复用、符合大多数地球人的审美~常见做法是用栅格系统~这样的多见顶级的专业设计师~再有就是感性设计~这种往往带有试验性质~不具备理性设计的种种好处~但是可以让设计者本人很爽~如果有能读懂的读者~而该读者又去找作者聊会天~估计该读者能蹭到一顿饭吃~懂的人很爽~对不懂的人没有价值~所谓小资感觉~大概就有这么一种是其中之一~不推崇这种~====================此稿是很棒的理性设计稿~作者精心布局~完全可以体现[ 版式科学 ]的概念~发张分析图~楼主如果有兴趣深入研究可以联系我要大图~
真正考验设计能力的是设计细节上的处理。的确,一个界面的细节把握能很大提升一个界面的品质,有时候我们看到一个界面,大问题没有,但就是有些粗糙,不够精致。这就是细节处理不到位的结果。小到一个卡片的圆角设计,分割线的粗细、颜色设置等,都能影响一个界面的整体感觉。实用好的设计最终都是要落地的。起初我通常会更加关注这个界面好不好看,事实上比好看更重要的是好用、实用。因此平时看作品的时候要分辨出哪些是单纯视觉好,但是实现起来成本会比较高或者效果并没有那么好的。
优秀版式设计凭借的标准就是它这个版面市里面的图案非常漂亮的音乐非常漂亮,而且版权设施非常新颖,让人感到看了以后非常的喜欢。