极速天气 资讯 app界面设计(app图标设计在线生成)

app界面设计(app图标设计在线生成)

启动图标是iOS中每个应用软件的关键组件。它可以传达你的应用的基本信息,给用户第一印象。它是一个非常重要的软件入口,可以直接引导用户下载和使用应用。

在这个智能手机的时代,它的重要性是大家公认的。

设计过软件启动图标的设计师经常会遇到这样一个问题:设计出来的单个软件启动图标看起来很炫,但是投放到电子市场后,并不是很受用户欢迎,用户点击率很低。

如何从视觉设计层面提高app软件推出图标的点击率?其实我们在设计软件启动图标的过程中有一些常用的设计方法,可以帮助我们提高图标的点击率。

1.运用视觉隐喻的同时,需要保证图标的可识别性如图1所示,这里很多图标的设计和使用都没有经过深思熟虑。当我们翻看app Store的时候,会发现很少有app图标是抢眼的。比如你搜索“绕口令”,会看到这样的图标分类:

图1第一行的第五个图标是通过在渐变图标的背景色块上写绕口令的英文字符来表示的。视觉效果很扁平化,也不乏设计感。为了吸引用户使用app软件,

我们必须设计吸引用户注意力的图标!我们可以用隐喻的方式向用户传达“绕口令”的信息,让用户在看到图标时感知、想象、理解图标的含义。图1是右侧的放大图标。在这些图标设计中,

更吸引用户使用。其设计采用了隐喻的视觉表达方式,让用户理解了环岛的含义,配合有趣的形象设计,让用户轻松理解图标的含义。这样精致的隐喻图标很容易在第一时间吸引用户的注意力,受到用户的喜爱。

如图2所示,这是星巴克的一个应用图标设计。星巴克的logo设计很好,但是星巴克的消费卡的app图标设计中星巴克的logo比较少。在AppStore看这个图标设计,圆形的星巴克logo很难识别。

其实在设计的时候就应该把星巴克的商标放大,提高标识的可识别性。因此,当我们使用视觉隐喻来表达图标时,我们需要确保图标设计的可识别性。

2分析同类app图标,整理设计思路注重图标创新在itunes中搜索效率软件时我们会发现很多类似的图标。如图3,哪些图标会吸引用户的注意力?看完之后我们会发现,那些有层次设计和特定质感的精致图标会吸引用户。

app图标设计的另一种方法是增加图标的层次感设计和质感表达。设计好图标后,把它放在app图标的同一个类别中,看看你设计的图标是否能抓住用户的眼球。

下面是图3中一些第一次能抓住用户眼球的图标:

这个图标感觉就像一堆正在有序处理的文件。缝制皮革的纹理与干净的音符形成对比,图标的整体纹理细腻饱满。

这是一个很好的设计。经过深思熟虑,设计师的表达方式与众不同,有创意,有意思。图标以文件框和“前进”箭头的视觉元素来表现,表达事件处理快速高效的感觉;在颜色上,

设计使用了高纯度的明亮颜色,能够抓住用户的眼球,让用户快速了解这个软件的功能特点。

taska——这个图标看起来像一堆整齐地叠放在一起的桌子。视觉表现没有给人留下很深的印象,但是图标画的很漂亮。纸张的堆叠效果表现了图标的层次感,背景中木纹的效果提升了图标设计的质感。

3运用软件界面中的图形元素,体现图标设计的连续性有一种设计方法,可以确保图标的表现和软件具有连续性。方法是启动图标的设计运用和应用程序界面图形相匹配的设计元素。Expenditure是一个很好图标设计例子,

非常准确地描述了跟踪功能的应用程序。

4.采用用户好奇的图形元素设计,抓住用户的好奇心用高雅的轮廓、优美的线条去表现一款瑜伽应用程序图标。唤起用户的好奇心,吸引用户使用。

5.突出品牌,抓住用户眼球如果你正在设计一个知名品牌的应用程序,请恰当使用它的品牌LOGO!生活中,这些品牌标志已经留给用户很深刻的印象,非常容易从众多app的图标中胜出。因此,

在设计知名品牌的app启动图标时,应该充分使用它的品牌LOGO。不管你想设计成什么,不要浪费了一个知名品牌的现有的元素!例如,浏览几个图标,是很容易被辨认的:

但是,图标的设计中,如果你没有突出知名品牌的元素,会是什么样子呢?如图六的图标设计,在图七的众多的app图标界面中,图六的这些图标显得很无力,无法与其他图标竞争。

如果,调整图标设计的局部,改进设计:

我们把新的图标放在界面中,试看效果:

通过思考和实验,调整设计,让品牌特性抓住用户的眼球。

6.设备测试预览图标的效果,微调色彩或亮度达到最佳效果采用在设备上测试你的图标设计,是一个很好的方法。

Photoshop里查看或者iphone模拟器里查看效果是不够的。图标在实际设备上的视觉效果和电脑上是不同的。为什么呢?有几个原因:电脑显示器的色彩和亮度与触摸屏移动设备不同。

并非所有的触摸屏显示器是一样的。例如,iPhone屏幕质量高于iPod触摸屏的显示质量。

因此,设备测试是很有必要的。

7多场景测试,保证图标设计的上线质量。

App的商店有:

itunes电脑商店;iPhone不同分辨率的商店;itouch不同分辨率的商店;iPad平板电脑商店。

这意味着图标的应用环境有多种,因此在图标上线前,设计师需要在多种图标的应用场景中进行设计测试。尽可能做到在多种商店场景下,在同类产品的用户查看界面,都能吸引用户的眼球。

以上几点app软件图标设计的方法你在设计时都用到了么?没用过的方法可以尝试使用。这些共性的图标设计方法能够帮助设计师控制图标设计的效果和市场中的用户体验,能真正的从用户的角度去设计一枚图标,

能提升你的app软件的用户体验,从视觉设计的角度去提升软件图标的用户点击率。

mobile.tutsplus译文地址:mux.baidu

本文来自网络,不代表本站立场,转载请注明出处:https://www.jsu173.com/alarm/a62361.html

app界面设计(app图标设计在线生成)

极速天气后续将为您提供丰富、全面的关于app界面设计(app图标设计在线生成)内容,让您第一时间了解到关于app界面设计(app图标设计在线生成)的热门信息。小编将持续从百度新闻、搜狗百科、微博热搜、知乎热门问答以及部分合作站点渠道收集和补充完善信息。