程序界面如何设计,应用程序设计思路和方法
当设计师有了扎实的界面设计基础和DS经验后,发现我们的设计趋同现象严重 。当我们抛弃了各类应用的TOP3logo,就分不清谁是谁了 。那么应用上的界面创新就成为设计师思考和实践的内容 。
用户界面设计师如何在应用设计中创新?基于工作内容,本文从三个方面阐述了创新思维 。
框架层打破原有的组件结构 我们将输出过多按钮、标签、页面、卡片等的组件设计标准化 。,并习惯性地在界面中把组件想当然,而创新需要打破组件的原子分子结构,但打破并不意味着忽视一致性和设计系统 。
下面具体说说卡片/图标组件设计的创新:
关于卡组件的创新
再看大面积使用接口的区域,这几年经历了无数次演练 。目前大节距分段是比较常见的模式,我们习惯了各种大节距分段卡的微创新 。例如,一幅图片是用等比例的色块叠加而成的 。面对业务量很大的产品设计,我们有序循环用卡,依靠优秀的业务内容做微创新和尝试 。
重新定义你的卡片比例,我们习惯了4:3/16:9/1:1,如果形成1:3/3:1做有序循环呢? 形的改变,方块中的直角圆角是卡片的标识,那么能否变成圆角偏圆形呢? 特殊处理,阴影,叠加,透明度,转角等技法 。探寻不同的模块分割方式,关注当下流行,而非一味跟随 。尝试任何之前否认的形式,试错即是新的开始 。关于图标创新
图标是一种通用的表意符号,整套图标就是一种语言 。图标分为功能图标(象形符号/表意符号/文字符号/组合符号)和图标图标 。图标风格大致可以分为线性图标 。区域图标(线+线,面积+面积,线+面积)线性划分为线条粗细(2px,3px,4px),区域图标分为正反两种 。设计手法更加多样(层压/拼接/中宫/断点/色彩/渐变/透明/旋转角度/高光/投影/流线/笔触/透视/连笔/特色元素) 。
而创意则需要先形成设计思路再作画:调查-探索-发现,搜索关键词,组成情感版进行设计,在设计中遵守图标原则,运用各种设计手法达到识别 。
【程序界面如何设计,应用程序设计思路和方法】有效图标设计的7个原则:
全面处理图标设计 考虑受众 图标使用尺寸的设计 保持图标简单和标志性 投射一致的照明,反射和阴影 利用有限的视角 创建一致的图标集样式图标设计的10个错误:
一个图标中的元素太多 不必要的元素 一组图标缺乏风格统一性 小图标中不必要的透视和阴影 过于原始的隐喻 没有考虑民族或社会特征 图标中的实际界面元素的图像 图标内的文字 像素框架之外 图标之间的区分不足视觉层创立新的视觉设计语言 如何打破应用程序的趋同性,建立可识别性,首先是视觉思维的创新,在表现层创造新的设计语言 。
视觉元素:颜色(色调、色度和亮度)、字体、元素、符号和图片 。就工作而言,我们习惯性地通过各种流行趋势做视觉设计,理论是基于背书的格式塔理论,它一直是我们理解视觉系统的主导力量之一,视觉系统是人类视觉所涉及的知觉过程的总和 。
当我们设计高效和令人愉快的产品和网站时,我们只是简单地描述了大脑如何解释和组织视觉信息,以帮助我们理解世界和个人的相关部分 。形式越清晰,设计越有效 。
格式塔理论:
简单性原则(Simplicity) 图形与背景关系原则(Figure-ground) 接近性或邻近原则(proximity) 相似原则(similarity) 共方向原则(common movement) 对称性原则(Symmetry) 连续性原则(good continuation) 封闭的原则(closure) 共同区域原则(Common Region) 元素连通性(Element Connectedness)借助理论基础在界面中的应用,为你的界面设计打造一个视觉符号,将视觉元素渗透到整个产品的界面中,增强符号给用户的感官,并以此为标杆突破视觉趋同 。如何获取视觉符号元素,通过利益相关者的问卷聚类得到具体的品牌个性,赋予产品品牌个性,找到差异,根据差异的品牌格言输出视觉logo 。
荣格十二品牌人格原型是以心理学家卡尔·荣格为基础的,他曾在他的人类心理学理论中使用过“原型”的概念 。他认为“原型”以神话人物的形式存在于全世界人类的集体潜意识中 。原型体现了人类进化过程中的一些基本形象 。自然,原型能唤起人类的深厚感情 。
尽管事实上有许多不同的原型,荣格定义了12种可以代表人类基本欲望的主要类型 。每种类型都有自己的一套价值观、意义理论和人格特征 。同时,这12种类型以四个一组分为三类,分别是“自尊”、“灵性”和“自我” 。
花更多的时间激发灵感 “一万小时定律”是作家格拉德威尔在《异形》一书中指出的定律 。“人们眼中的天才之所以了不起,不是因为高人一等,而是因为不断的努力 。
推荐阅读
- 如何快速创业,快速创业成功的秘诀分享
- 如何做好产品推广,新产品推向市场五步法
- 用户生命周期该如何分析,客户生命周期的界定依据
- 解除网速限制win10?网速限制解除方法有哪些 wifi网络被限制如何解除?
- 电脑如何投屏到电视,win10无线投屏电视方法
- pdf如何取消加密,方法很简单不会的朋友赶紧过来看看
- 苹果手机删除的短信如何恢复,30秒快速恢复已删短信的方法
- 如何制作电子相册,快速制作电子相册方法
- 站内结构如何优化,优化站内结构的有效方法
- pdf如何解密加密文件,一秒钟破解pdf文件密码的妙招