方法技巧体会
01 给自己的作品命名有助于确定设计风格。
要有活力,要富有想象力。避免跟随流行趋势,不要让作品中的技术性超越创意性,最坏的情况下也要试图平衡两个方面。一个朋友曾经告诉我一个简单的小技巧——给自己的理念取个名字,这样有助于确定设计风格。我一直在使用这个小技巧。
阿迪·迪兹达雷维奇
波黑
阿迪·迪兹达雷维奇是波黑的一名多学科设计师和设计总监,擅长网站、交互及平面设计、影视制作和现场多媒体装置设计。他的创作主要受到自然、灵性和亚文化的影响。在设计中,他喜欢将非传统的多媒体方式与实验性的艺术风格结合,试图创作永恒的作品。他的客户包括德国电信T-Mobile公司、爱立信(Ericsson)、fisil、Resolume、Ray实验室、Netlog社交网络网站,以及EC信息系统公司。
你所认为好的UI设计的核心是:
创作即追求视觉美、实用性和简约性的平衡。
项目名:fisil即时信息应用程序
设计时间:2013年
客户:fisil公司
fisil是一个多程序即时信息应用平台(iOS、Android、Windows、OS X),主要供企业用户相互交流使用,其主要特点是将微软交流群组软件、快速刷新和及时更新功能融为一体。
目标用户:
企业团队及个人。
色彩含义:
写是简单的方式,高效性源于将非常规的事物统一。
使用字体:
Din Light Alternate、GreekC。
您想向用户提供或者展示的最重要的东西是什么?
尽管这是一个企业聊天应用程序,但我也试图通过有趣而功能性十足的界面展示创意,鼓励他们积极地交流。
项目名:hopcab应用程序
设计时间:2012年
客户:hopcab
hopcab是一款为马来西亚市场定制的移动租车应用软件。这是一个简单得多平台服务程序,能够实现出租车公司与乘客的联系。
目标用户:
马来西亚出租车乘客。
色彩含义:
色彩是hopcab形象的一部分(典型的出租车风格)。
使用字体:
Helvetica Neue LT。
02 观察力至关重要!不仅要观察流行趋势和其他设计师的作品,更要观察自然。
设计包含两个既定的因素,即知道要做什么以及怎么做。这两个因素可以通过经历、学习和观察而了解。必须要遵循规则,但不必流于形式,固守成规有时会制约自由的创意。要在规划好每一个细节之后开始设计,否则每次遇到困难都要重新开始。观察力至关重要,不仅仅是观察流行趋势和其他设计师的作品,更要观察自然。自然是由最好的设计师创作的,所有的美都存在于自然之中。
阿尔珀·托尔纳哲
土耳其
2006年,阿尔珀·托尔纳哲毕业于米马尔·希南技术高等学校,随后在多个广告公司担任技术总监。如今他是一名自由职业者。
你所认为好的UI设计的核心是:
设计需要完全满足用户的需求,色彩和布局同样重要,两者应相互补充并和谐统一。
您想向用户提供或者展示的最重要的东西是什么?
所有的知识能够被快速使用——用户能够即时了解自己和员工的工作和计划。
项目名:工作站
设计时间:2014年
客户:Artan摄影
这是一款能够跟踪公司和员工的日常工作行为的应用软件。
目标用户:
Artan摄影公司的员工和创始人。
色彩含义:
我想通过色彩提升活力,让人们远离工作带来的压力。
使用字体:
Lato。
您想向用户提供或者展示的最重要的东西是什么?
用户可以通过最快捷的方式找到自己想听的歌曲、专辑或歌手的名字。这样用户可以在购买之前轻松听到歌曲,尽情享受音乐。
项目名:音乐测试员
设计时间:2014年
客户:Sensec Muzik商店
这款项目是针对音乐市场而设计的,没能如愿购买到专辑的音乐爱好者能通过它买到专辑。
目标用户:
所有的音乐爱好者。
色彩含义:
通过突出自由、和平的大量鲜明的颜色来吸引用户。
使用字体:
Lato。
03 在设计的不同阶段从使用者的角度考虑。
设计师在创作时很容易被影响,使得最后的结果完全脱离最初的理念,因此要在过程中时刻从使用者的角度考虑。如果自己感觉这不是使用者想要的,那么就要重新构思,最后往往就能得到一个更好的解决方式。
大卫·博特利亚和黛比·马丁
西班牙
大卫·博特利亚和黛比·马丁是两位来自马德里的艺术总监,曾在多个大型机构合作参与国际规模的设计大赛,拥有超过25年的经验。2014年,他们共同创建了The Woork Co(位于马德里Preciados步行街中心的一家多学科设计机构)。Fandanz应用程序是他们在新公司的作品。
你所认为好的UI设计的核心是:
一个好的交互设计作品是将复杂的概念转换成简单的、有吸引力的直观体验,供最终用户使用。
项目名:FanDanz
设计时间:2013—2014年
客户:FanDanz、Zarpamos
FanDanz是一款移动跳舞应用软件。The Woork Co公司的设计师有幸在早期阶段受到委托,在完成标识设计之后,他们决定为其创作人物形象作为未来的品牌。
目标用户:
亚洲及拉丁美洲年龄为15~25岁的女性。
色彩含义:
为达到最终目标,我们决定使用明亮的色彩——粉色和紫色作为基调,打造一个亮丽而愉悦的氛围。
使用字体:
Brandon Grotesque。
您想向用户提供或者展示的最重要的东西是什么?
快乐。这是一款舞蹈游戏,我们乐于让用户体会到快乐。
04 除非设计方向已经明确精准,否则调研之后再开始设计。
除非设计方向已经明确精准,否则调研之后再开始设计。调研能够获得更多的想法,同时巩固设计的方向。设计师通常忽略的重要一步是了解用户的反馈——有时适用于一个用户并不等于适合另一个用户。如果自己对设计都不满意,就意味着这不够好。
杰拉尔丁·迈克
马来西亚
杰拉尔丁·迈克是一名创意总监、TCA(创意机构,位于马来西亚的一家数字机构)公司合伙创作人。TCA尝试将智能视觉策略与公司的文化和最好的设计结合,为企业和品牌打造更好的体验。她在数字和离线平台方面拥有突出的优势,在SEA地区创作了很多创意性的杰出作品。
你所认为好的UI设计的核心是:
交互设计包括了解设计的目的、面向的用户及使用的平台。一个好的设计应该具有实用性,简单而连贯,视觉效果美观,同时功能性十足。
您想向用户提供或者展示的最重要的东西是什么?
PEEPS是一种便捷高效的考勤打卡系统,用以取代传统的考勤打卡系统。这种应用界面设计对于雇员来说是简单且适用的,而对于雇主和经理人来说则可以直观地呈现出概括性的关键信息。
项目名:PEEPS应用界面设计
设计时间:2014年
客户:PEEPS
PEEPS 能够使雇主通过操作一个很小的设备来监督雇员的出勤情况,并且它也仅需要一次性登录即可。这项设计包括一个应用和一个带有微型图画的网络应用界面。
目标用户:
F&B Outlets。
色彩含义:
作为基本色调的青绿色营造了一种温馨友好的氛围。
使用字体:
Roboto、Roboto Slab。
项目名:TIDE分析咨询网站应用程序界面设计
设计时间:2014年
客户:TIDE分析咨询公司
TIDE软件包含大量的信息,因此其界面设计要友好清晰。设计过程中大部分时间用于理解和诠释数据、计算,以及分析过程。
目标用户:
零售店、零售连锁店、商场。
色彩含义:
紫色和黑色突显了TIDE数据的智能性和高效性。
使用字体:
Maven pro。
您想向用户提供或者展示的最重要的东西是什么?
主要的目标是将所有的即时信息通过表格、图形、信息图表的方式以简单有效的界面向用户呈现,展示重要的分析结果、见解和信息。
您想向用户提供或者展示的最重要的东西是什么?
这款应用程序是在紧急情况下使用的,因此界面设计简洁。同时,实用性也非常重要,以确保警报能够及时发送与接收。
项目名:WaryBee界面设计应用程序
设计时间:2014年
客户:WaryBee
WaryBee是隐藏在珠宝和配饰内的一串安全代码,一旦激活,将与手机应用程序同步。这一设计要求实现保密性和安全性的平衡,同时确保其时尚性。
目标用户:
20~45岁的女性。
色彩含义:
黑色和黄色是密封的颜色,突显了Warybee的企业形象,同时也代表“小心注意”的标识。
使用字体:
Akkurat、Arial、Gotham。
05 预期用户的反应——提前预测用户的反应,然后开始设计。
预期用户的反应——提前预测用户的反应,然后开始设计。我建议调研用户如何与移动设备交互,试图在问题发生之前解决它,开创有趣的探索空间。在清晰的探索体验和美丽的外观设计之间取得平衡,意味着客户和用户都会非常满意你的设计。
格洛里姆·奥加尼库思
西班牙
格洛里姆·奥加尼库思的职业生涯始于与另一名合伙人共同创建一个设计工作室。6年之后,她回到马德里,和客户合作,并一直持续到现在。这一改变让她通过不同的方式认识了更多新的客户,并为其工作。她与工程和市场团队一起工作,拓宽了自己的视野。如今,她专注于为国际机构开放移动应用程序,试图营造一个更美好的世界。
你所认为好的UI设计的核心是:
最重要的一点是功能能够正确诠释设计的目的。毫无疑问,交互设计应该呈现直观的体验和美好的外观。我尝试将所有的事物组织在一起,让用户不用去想下一步该怎么做。此外,我通常将注意力放在特定的元素上,让用户不会感到迷茫。
您想向用户提供或者展示的最重要的东西是什么?
在应用程序模板设计上,我试图诠释一个在菜单应用程序上通常使用的主题。美丽的外观是目标之一,同时更要创造直观的探索体验。
项目名:应用程序模板
设计时间:2014年
客户:Upplication
为平台用户客户端创作不同的应用模板。在这个案例中,此程序具有评估功能和快捷方式,非常适用于菜单设计。
目标用户:
想要通过简单的方式创建自己的应用程序的企业或个人。
色彩含义:
我们试图寻找不饱和的色彩,避免对眼睛造成干扰。
使用字体:
Open Sans + DIN。
您想向用户提供或者展示的最重要的东西是什么?
我想要展示一个简约的设计,让用户能够快速获得所有信息,同时免除所有多余的修饰。
项目名:筑梦
设计时间:2014年
客户:ClimbCrew公司
筑梦(FEELDREAMS)能够帮助你实现梦想。这款应用程序能够让用户分享体验、投票和合作。我们呈现大量的信息,最好的方式是避免混乱。因此,所有的内容通过模块构筑,每一次应用都能够清晰体现。
目标用户:
年轻的追梦人。
色彩含义:
蓝色是企业标识色,让人联想到天空和自由。另外,我们为每个类别选用特定的色彩,黑色用于增添清晰度和稳定性。
使用字体:
Gotham。
您想向用户提供或者展示的最重要的东西是什么?
在这个案例中,我试图呈现一个同时注重设计感和实用性的程序。主屏上有很多应用,因此不能让用户感到迷惑。我将两种类型的无衬线字体混合,增强动态感。
项目名:Mimento应用程序
设计时间:2014年
客户:ClimbCrew公司
这款程序能够将手机、instagram(一个免费提供在线图片及短视频分享的社交应用)和facebook(脸书)上的照片转换出来。我们希望它能够方便使用,所有的应用能够快速、直观地操作。这也是我们只注重主要因素的原因。
目标用户:
摄影爱好者。
色彩含义:
绿色代表清新,灰色代表中性和平静,黑色用于对比。
使用字体:
Raleway + DIN。
06 追随潮流,将更多的注意力放在独特的插画上。
我在设计的同时画插画。所以,在很多作品中,我首先画出与之匹配的插画或形象,然后使用同样的色调和格式设计。我在工作时紧紧追随潮流,因此通常创作出相同的格式。然后,我会尽量将自己的设计与其他设计师区分开来,将更多的注意力放在独特的插画上。
张宰贤
韩国
张宰贤是一位来自韩国的平面设计师,自2007年开始从事三维平面设计,曾经从事多个领域的工作,包括插画、图书和网站设计。拥有这样的经历,他目前将插画和交互设计结合。自2013年起,他一直是一名自由职业者,如今在Camp移动公司从事平面设计工作。
你所认为好的UI设计的核心是:
将美感和清晰的表现方式平衡是非常重要的。如果用户看不懂,即便再美丽的设计也毫无用处。
您想向用户提供或者展示的最重要的东西是什么?
我通过添加插图将该程序与其他报警应用程序区分开来——它带有简单的报警功能和能带来放松感觉的插图。
项目名:iOS美梦报警应用程序
设计时间:2014年
客户:个人作品
iOS美梦报警应用程序是设计师自己研发的一个项目,是他单独规划和设计的,目前仍在开发之中。他构架了简单的图形用户界面,并通过插图诠释流行趋势。他运用独特的报警操作系统和插图将其与传统的报警系统区分开来。
目标用户:
许多想要使用这款产品的人。
色彩含义:
诠释安静夜空的插图色彩运用到图形交互界面上,整体色调和格式通过插图色彩结合在一起。
使用字体:
韩语:Nanum Gothic OTF。
英语:Nanum Gothic OTF、Helvetica Neue。
您想向用户提供或者展示的最重要的东西是什么?
我试图减少图形内容(如标识和插图),根据想要从网站获得产品信息的用户类型来准确、快速地提供不同的信息。
项目名:CJ第一制糖株式会社iOS移动应用程序
设计时间:2014年
客户:CJ第一制糖株式会社
设计师为CJ第一制糖株式会社(韩国食品业的代表)开放交互设计程序。2012年,他参与这个案例时,仍在e-motion机构工作。客户要求突出已有网站的色调和风格,因此他将网站已有的形象最大化,将品牌标识分成五个主要类别,有效呈现产品信息。
目标用户:
许多想要使用这款产品的人。
色彩含义:
色彩灵感源自CJ第一制糖株式会社标识。色彩属于同一基调,标识颜色用于色彩主题。
使用字体:
韩语:Nanum Gothic OTF。
英语:Nanum Gothic OTF、Helvetica Neue。
07 首先,要熟悉网格系统,然后将其恰当地运用到不同的页面上。
首先,要熟悉网格系统,然后将其恰当地运用到不同的页面上。最好的方式是记住不同平台的规格要求。其次,在整个设计过程中牢记用户的需求。客户乐于尽快获得完美的结果,而不是在程序中游荡,要清晰标注每一个按键的作用。最后,坚持阅读、学习和写作。
熊洁妤
中国
她是一名来自中国的设计师和数字艺术家,擅长动画图形、游戏、数字插画和交互设计。她先在中山大学取得学士学位,之后在普拉特学院攻读数字艺术硕士专业。搬到美国之后,她开始专注于用户界面设计,善于将实用性和有趣的创意结合。作为一名学生,她曾在Tinybop公司实习,帮助团队开发动画教育应用程序。现在她是纽约Tigerspike的用户界面设计师。
你所认为好的UI设计的核心是:
交互设计一直在改变和进步,但有一点却始终不变,那就是让用户满意。
您想向用户提供或者展示的最重要的东西是什么?
设计这款应用程序的最终目标是让用户满意,让他们能够在日常生活中发现更多有趣的事。
项目名:喂动物
设计时间:2014年
客户:个人作品
这是一款可爱的照片滤镜应用程序,用户可以发挥想象力,选择任何有趣的东西喂动物。
目标用户:
儿童和少年。
色彩含义:
使用亮丽的色彩让用户感到愉悦。
使用字体:
Helvetica。
您想向用户提供或者展示的最重要的东西是什么?
对于每个人来说,任务管理都是令人痛苦和烦恼的事情。这款软件将管理的过程游戏化,用户可以简便地规划自己的生活和时间。
项目名:FRESH IT UP
设计时间:2014年
客户:个人作品
这是一款类似于游戏的任务管理应用程序。用户每次设定任务都会随机获得一个水果(代表任务),然后需要在水果变坏(任务截止日期)之前将它吃掉(完成任务)。这款程序能够帮助用户有效地管理任务和时间,为生活带来更多的乐趣。
目标用户:
任何一个想要用有趣的方式管理任务的人。
色彩含义:
使用红色作为主色调,让用户感觉充满活力。
使用字体:
Helvetica。
08 不要害羞,多提问!相信客户!
不要害羞,多多提问!没有人希望从你那里获得最新的交互设计调研结果。打开浏览器,访问一下社区群体,所有人都知道这些。要相信客户!他或许不是交互设计专家,但是他熟知自己的领域,能够给你更多的建议。最后,忘掉不可能!在交互设计中,每一个客户的梦想都是可以实现的。相信这些很难吗?问问别人就知道了。唯一的问题就是客户能不能为此买单。
朱莉·苏迪
澳大利亚
朱莉·苏迪在维也纳居住和工作,是一名网站和前沿开发设计师,擅长回应式网页设计(responsive design)。在过去的几年,她一直与多个独立的设计机构合作,并从中获得了用户体验设计和动态网页开发的实践经验。她致力于创作网页设计的新方式,并因此进修了色彩动态硕士课程,成为了一名合格的色彩咨询专家。她非常感谢CSS Garden(http://www.cssgarden.co.uk)、OPL(http://onepagelove.com)的员工及Behance(https://www.behance.net)团队对其作品的奖励和欣赏。
你所认为好的UI设计的核心是:
一个好的交互设计能够引导用户,而不是限制他们。内容信息按照一定的逻辑顺序排列能够让使用过程更加明了,只有那些需要即时交互或特殊的元素需要多加注意,其他元素只需提供明确的信息和相关的色彩、设计即可。
您想向用户提供或者展示的最重要的东西是什么?
我尝试诠释设计中有趣的一面,以便于为那些渴望取得好成绩的学生创造鼓舞人心的环境。因为这是针对特殊群体设计的,因此选用扁平化插图可视化信息。
项目名:扁平化设计学习博客
设计时间:2013年
客户:How to Study in College
俏皮生动的设计能够强化学习中社会性的一面。扁平化插图奠定了基础,每个部分运用的不同色彩和标识代表不同的学习阶段。
目标用户:
大学生或准备入学考试的学生及其父母。
色彩含义:
现代、俏皮、有意义。
使用字体:
Titillium Web(700)、Open Sans(Regular / Bold)。
您想向用户提供或者展示的最重要的东西是什么?
原则上,我的目的是提供快速和直接交流的机会,通过向用户给出所有问题的答案的方式提升流量。这些答复以简约的方式通过顺序排列,可能会在与人交谈时用到。
项目名:个人应用程序设计
设计时间:2014年
客户:个人作品
设计的目的是创建一个移动网站,不仅是计算机桌面的简化版本,更能完全适应不同移动设备。单页码和色彩编码背景搜寻能够确保用户尽快找到信息。
目标用户:
时尚人士、移动设备用户。
色彩含义:
清晰、简约、兼容。
使用字体:
Open Sans(Light / Regular / Semi-bold / Bold / Extrabold)。
您想向用户提供或者展示的最重要的东西是什么?
这一设计的目的是创建一个具有个性的网站,纯粹的色彩诠释出网站主人的性格。网站以视觉影响为基础,文本较少,单页形式便于阅读。
项目名:单页网页模板
设计时间:2013年
客户:网页模板在线
这一设计的目标是打造一种时尚,因此选用了非正式的色调。同时,网页各个部分有序排列,通过动画效果接收文本。
目标用户:
寻求价格实惠的解决方案的初创企业及中小型企业。
色彩含义:
友好、随意、便于使用。
使用字体:
Abel、Museo Sans700。
您想向用户提供或者展示的最重要的东西是什么?
我的目标是编译一个模板,用于体现自然主义和环保意识,其内容元素比较松散,但具有连贯性,便于扩展使用。这一程序适合个人及企业。
项目名:单页设计师网站
设计时间:2013年
客户:个人作品
这款网页模板是为环保企业和公司设计的。色彩运用突出自然主义,使用玻璃、纸张和压花效果。格式布局突显透明性,适用于不同的领域。
目标用户:
网页开发人员、公司雇用的开发人员及出售模板的网上商店。
色彩含义:
自然、深沉、平静。
使用字体:
Proxima Nova(Light / Semi-bold)、Source Sans Pro(Light /Regular)、Lane Narrow。
09 引用不是完全抄袭,可以借鉴思想,但不必模仿细节。
交互设计实际上包含多个元素,最重要的一点是对设计的认知。如果有人想要成为一名概念设计师,那么必须对用户有一定的了解。他需要读书,并将其与逻辑思维的设计结合。这是一种比较保守的学习方式,有时会让人感到沮丧。有一种方式可以让初学者快速找到自信——这就是引用。举个例子,如果非常喜欢某种设计方式,那么就可以借鉴这种形式构思自己的创意。如果在色彩运用和绘画技巧上有好的基础,我相信不久就能看到成功的曙光。
马哲
中国
他是一名爱幻想的视觉设计师,因为有梦想,所以内心世界非常丰富。他认为设计即沟通,设计是追求美好体验,设计存在于任何一个细节中,设计是一种传统,是无尽的探索,是勇敢迎接挑战,是任何一种源于爱的东西。他喜欢分享设计,喜欢交朋友,喜欢和朋友讨论。他创作了自己的设计服务品牌“seevisual”,这是一个充满惊喜、拥有无限活力、具有庞大动态设计机制的品牌,其名字是惊喜(surprise)、发展(development)和活力(power)的缩写。
你所认为好的UI设计的核心是:
交互设计注重视觉交流、色彩感知、创意图形表达和情感表达。不要过分夸大,要享受延伸的意义。
您想向用户提供或者展示的最重要的东西是什么?
奇妙的旅程将从这里开始——精美的图片悄然呈现,抽象的图形充满视觉美感,让用户感觉到神秘与浪漫。
项目名:多主题设计(奇妙)
设计时间:2014年
客户:华为
这套主题诠释个人情感和愿望,突显复古风格。找到一种风格进行参考,将设计理念通过图形的变化、纹理样式的改变呈现出来,突显真实的情感。块状图标省略了繁复的工艺和艺术效果,呈现图形的抽象美。这种独特的处理方式能给人带来丰富的想象。
目标用户:
10~40岁的人群。
色彩含义:
深绿色展现复古的神秘气息,蓝色、黄色和绿色的交替体现时尚韵味。
使用字体:
英文:DejaVu Serif。
中文:Droid Sans Fallback。
您想向用户提供或者展示的最重要的东西是什么?
五彩缤纷的世界和华丽的氛围。对色彩的感觉是设计中的重要主题,如今我们有了彩色纸张,精心折叠就能设计出美丽的作品。
项目名:oppo
设计时间:2014年
客户:oppo移动公司
我们想向用户呈现五彩缤纷的世界和华丽的氛围。对色彩的感觉是设计中的重要主题,当然这一主题体现在实际形状上,要求每个图标尽可能完美呈现。在彩色纸张的选择上突出多样性,但同时保证视觉效果的统一。
目标用户:
10~40岁的人群。
色彩含义:
绚丽的色彩,缤纷的世界。色彩呈现出融合特性。
使用字体:
英文:Roboto。中文:Droid Sans Fallback。
您想向用户提供或者展示的最重要的东西是什么?
独特的iOS7扁平化设计融入高饱和度的时尚表达方式,让购物过程更加绚丽。
项目名:iOS7风格
设计时间:2013
客户:个人作品
这是一套具有iOS7风格的图标设计,主要设计以图标为基础,设置时尚的购物应用程序。图标分为12个类别,带有2个iOS7网页,营造了一个时尚氛围,突显设计的精髓并诠释出图标的意义。程序通过12个图标开始,以时尚的绿色作为主色调,以深灰色作为辅助色。整个设计呈现时尚的购物精神。
目标用户:
16~40岁的人群。
色彩含义:
高饱和度的绿色调与其他应用程序形成对比,突显时尚特质。
使用字体:
英文:Helvetica。中文:Bold Simplified。
10 让自己身处创作过程之中;重视设计技艺和探讨。
重视网格构架和排版方式。同时,简化几何造型,但不要忽略色彩呈现。使用对比,时刻分享自己的创作,接受批评。不断询问自己是否喜欢完成的作品,如果自己不喜欢,那么就再重新审视。让自己身处创作过程之中,即便是在切菜的时候也可以思考。最后但也是最重要的,微笑面对你的客户。
马雅·列别杰娃
白俄罗斯
马雅从事平面设计工作超过3年,专注手机界面设计,非常热衷排版、制版和品牌形象设计。
你所认为好的UI设计的核心是:
在我看来,一个好的交互设计的核心理念是将用户的任务和目标放在首位。考虑用户的需求,尽可能让设计简化而实用。为达到这样的目标,可以把自己想象成用户。
您想向用户提供或者展示的最重要的东西是什么?
我们从一开始就知道,项目确立之后的内容是无法控制的。我们的目标就是不失设计内容的完整性。