程序图标用户体验设计:激发起用户点击的欲望

文章描述:程序图标的设计思路.

程序图标主要作用是为了使该程序更加具象及更容易理解,除了上述的作用外,有更好视觉效果的图标可以提高产品的整体体验和品牌,可引起用户的关注和下载,激发起用户点击的欲望。

表现形态

在有限的空间里表达出相对应的信息,在IOS 程序图标设计中,直观是第一个解决的问题,不应该出现大多繁琐的修饰,当然还要有很好的视觉表现力,使用户可以更容易理解此应用的实际作用,更轻松地辨识此应用。下面来说说几种表现的形态。

图形表现

在只用图形表现应用程序的用途,图形可以很好地吸引用户的眼球,更具象地表现出信息。

文字表述

文字表现是一种非常直观的表现方法,文字应该简洁明了,不繁琐。

图形和文字结合

此形式有很好的表现力之余还可以直接把信息告知用户,因为会有一定的内容,所以在空间布局上要注意疏密,避免繁琐拥挤。

IOS 程序图标特性

IOS系统桌面图标与其他移动系统的图标存在非常大的区别,因为IOS图标有很好的整体性,良好的整体性可以减少用户体验上带来的冲突,所以我们需要保持其中的一些特点,以便程序可以更好融入系统中,带给用户更好的应用体验。

尺寸

在不同设备的IOS系统桌面中,程序图标的尺寸和默认自带的修饰效果会有不同,系统默认自带的修饰效果可以使图标更好保持IOS风格,但很多时候为了实际效果,我们可以要求系统不作部分效果的添加,以便达到我们想要的效果

上传到APP Store需要512px X 512px的图片

在Iphone  960px X 640px分辨率中
图标显示尺寸 114px X 114px
20像素的圆角
4像素的90度黑色投影
2像素的90度白色内投影
默认自带的高光

在Iphone  480px X 320px分辨率中
图标显示尺寸 57px X 57px
10像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光

在Ipad  1024px X 768px分辨率中
图标显示尺寸 72px X 72px
13像素的圆角
2像素的90度黑色投影
1像素的90度白色内投影
默认自带的高光

质感

在IOS中,为表现图标的质感,很多时候都会为其添加一些光感,使其更有质感。光是从上面来的,所以过渡颜色的渐变应该是从上往下的。很多时候为表现IOS系统类似玻璃质感般的感觉,图标底部都会带有一个亮度较高的反光,当然这些都是以我们想要的实际效果而绘制添加。

IOS 程序图标设计的构思

为表达好应用程序的作用,我们可以将应用程序的图标作很多不同视觉效果的处理,以达到更好的视觉享受。不同类型的应用要注意表现的效果,如新闻资讯类的应该简洁一点,使其应用有更好的整洁的感觉,如游戏类可以设计得给用户一种活跃的感觉,如一些日常应用类的我们很多时都会将其拟物化,使用户更直观地感受到其作用,这种方法是我们最常见的。

在这里着重说一下拟物化程序图标,这是非常具象去表现程序用途的方法,但有时候要表现的元素存在几个的时候,在狭小的空间中不一定能放下如此多的元素,所以要分析轻重,轻的可以减少占据位置的比例或者将其去除,重的要多作强调,同时,要找到多样元素中的共性。

我们只需找到共性,就能构想出不错的创意。

在图形的构思上有时我们可以利用IOS图标的圆角制作一些特殊的感觉效果处理,如立体感,这些可以帮助图标有更好的视觉冲击力,更容易获取用户的喜爱与点击。

实践分享

说了这么多,下面我们马上来从零开始构思和绘制精美的IOS应用程序图标。

程序名称:MyRange
平台:Iphone
版本:V0.001
出版商:UEDC
用途:LOMO拍照软件

首先说明的是,设计的方法不是唯一的,构思和绘制的方法也是无限多的,那么马上开始!

想到拍照软件,首先会想起的是相机,那么相对应这个软件的图标可以绘制一个LOMO相机作尝试。

很多时我们为了使绘制的物品视觉效果更好,我们需要一些参照物,这次我用莱卡M9来做参照物。在参照物得基础上,进行更多个性化的处理。

为了视觉效果更好,我想其有一点透视的感觉,那么可以利用IOS图标圆角的特征,形成一种立体的感觉。

之后给图标上色,将各大部分大致的颜色分出来

绘制出各部分的质感,应有的皮质和金属的质感,制造金属的可以添加一点杂色

加强光感,光是从90度向下照的,绘制出该有的反光位和两边的过渡转折位,镜头部分局部细致刻画,最后整体调整,完成!

时间: 2024-08-30 21:40:52

程序图标用户体验设计:激发起用户点击的欲望的相关文章

用户体验设计应该适应用户不应改变用户

设计师不等于美工 设计无所不在,但大多数企业不知道如何使用它.现代设计进入中国大概是二十多年的时间,而在国外,尤其在美国在欧洲,大概有一百年的历史.二十多年前中国是没有人讲用户体验这个词的.那个时代讲究技术和美术的结合,叫技术美学.一个产品,只要功能好,样式好看,就OK.二十多年后,这个概念在大多数企业还没有发生改变,大多企业的高层也不理解什么叫设计,认为设计师就是一个美工.设计师本身也没有去提标准,自身的思维也只是停留在美工这个角度上.设计的潜力,远远没有发挥出来. 设计师的本质并不光是把PP

用户体验设计:良好的用户体验是全方位的

"用户体验(User Experience,简称UX 或 UE)是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受.因为它是纯主观的,就带有一定的不确定因素.个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的.但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计的实验来认识到.计算机技术和互联网的发展,使技术创新形态正在发生转变,以用户为中心.以人为本越来越得到重视,用户体验也因此被称做创新2.0模式的精髓."-–百度百科 现在,几

用户体验设计原则:安卓用户体验团队制定的设计原则

文章描述:Android界面与交互设计原则. 译者按: 在iOS HIG已经强大经典了N年之后,Android终于推出了一套比较系统的HIG(大概是为了配合Android 4.0 Ice Cream Sandwich).仔细比较两套HIG的"设计原则"部分,发现完全是截然不同的两种风格.iOS HIG走的是更专业型的路线,描述严谨且有不少的专业词汇(比如Metaphors.Consistency之类的).而Android则显得亲民许多,不仅描述方式简要易懂,配图鲜明直观,甚至还用了&q

用户体验设计实例:找回用户帐号功能设计

文章描述:陈皓:如何设计"找回用户帐号"功能. 因为<腾讯帐号申诉的用户体验>一文中好多人觉得腾讯申诉是世界级先进的,并让我拿出一个找回用户的帐号的功能来.本来不想写的,因为大家看看其它系统的就行的,但是,很明显有些人就是很懒,也不会思考,而且不会观察,所以,我就只好写下这篇科普性常识性的文章. 在行文之前,我得先感谢腾讯公司的至少30名员工在<腾讯帐号申诉的用户体验>一文后的回帖(我STFG(Search The Fucking Google)看到了你们使用的

用户体验设计:如何提升用户满意度

网页制作Webjx文章简介:提升用户满意度的第一步:任务完成度. 提升用户满意度,我们可能需要做很多事情,从全局到细节,需要处处为用户的体验和感受着想.既然我们已经验证用户的任务完成度对用户满意度会产生显著影响,那么我们可以先从提升用户的任务完成度开始. 在前一篇文章--用户任务完成度分析中我似乎遗漏了一个重要的问题:为什么要分析用户的任务完成度?其实每个网站分析的方案和模型都应该具备它的目的和意义,否者就失去了分析的价值.所以这篇文章就是为了回答这个问题,同时也作为"让用户更容易地找到需要的信

用户体验设计:人种学与用户体验

译者注:这是一篇有关人种学和用户体验译文的部分翻译.文章并没有手把手教你怎么用人种学来提高用户体验,但以人种学的角度给出了一些进行用户研究的思考方式和方法.在用户研究和设计领域,有同行在说:75%的时间还是在做质检员.这的确是一个无奈的现状,但在做好质检员和线框师的同时也不妨多看看老外先进的思想,我们应该相信有朝一日这些是会有用武之地的.文章最后附上个人认为有价值的有关人种学与用户体验的延伸阅读. ----------- 什么是人种学(ethnography)? 人种学是以"实地调查"

用户体验设计:三种用户体验的量化方法

案例研究 前面的文章中介绍了三种用户体验量化方法.通过这篇文章,我们将通过案例来一起研究以行为为中心的量化方法的使用.案例需要借助以体验为中心的量化方法来得到以行为为中心的量化表达式,并将其与以体验为中心的量化结果进行比较.具体情况如下: 首先,通过认知实验来获得行为交互过程中的时间与步骤.我们选择了小范围样本取样的方法,有24人参与了该实验,年龄分布在22-27岁之间.任务是通过两款外观相似.键盘布局相似以及档次相同的手机分别完成照片拍摄并将照片以彩信形式发送的任务.在拍照的过程中,操作者在统

用户体验设计:如何与用户研究员合作

文章描述:论相互了解,产品与设计师间往往水乳交融爱恨交织,每天给设计师买早餐的产品经理可不罕见.但对于用研人员,大家总觉得蒙着一道面纱,不知大堆看着头晕的数据背后的他们究竟在干什么.在合作前,双方往往需跨越一道很大的叫做「用研如何与产品设计合作」的鸿沟.这道鸿 这篇文章写给踌躇在「如何与用研合作」的产品经理和设计师,以及埋在自己研究小天地里的用户研究员们. 论相互了解,产品与设计师间往往水乳交融爱恨交织,每天给设计师买早餐的产品经理可不罕见.但对于用研人员,大家总觉得蒙着一道面纱,不知大堆看着头

卧底用户体验设计

用户体验设计这词大概是我心中挥之不去的幽灵,除非我皈依它的门下,否则绝不给我任何喘息. 作为妥协,先提及一本新书,虽然作者与出版商都没有给我任何推介费用,更没有授权我引用相关内容,我还是决定介绍The UX Booth 对本书的一段引用:Winning a User Experience Debate .这篇文章引用了原书第五章的一段内容,我仅引述若干并综合一些要点: 要将用户设计体验融入商业核心,你必须说服同事信任你的意见与专长.良好处理批评/批判是赢得信任的重要方式.轻率的否定 他人会让你辛