本文目录一览：

• 1、天气App应用的几种主流设计趋势
• 2、如何用UI设计软件做app页面
• 3、哪个手机APP图标更好看，是你最喜欢的？
• 4、如何做APP界面设计

天气App应用的几种主流设计趋势

1. 摄影风格

Yahoo! Weather 让人感到非常的具有现代感，而且是极简风格，非常的具有视觉吸引力。天气预报会配上当地的地标建筑。

整体设计干净、有序、一眼便知天下天气，而且滑动一下可以获取更多的天气信息。

这款应用的创新之处在于：通过具有地区标志性的照片，让人联想到该地区，进而配上天气预报，非常好的用户体验。

2. 五颜六色

世界是缤纷多彩的，色彩能够唤起我们的情绪反应。红色唤起我们的 *** ，黄色的乐观主义，在蓝色中感受到信任与可靠。颜色和我们的联系紧密， This is Solar应用便将色彩运用到极致，用于展现气温和环境状况。

只需轻轻滑动，就能获取几小时后和日常的天气预报，这通过颜色的渐变来显示。

3. 信息图风格

信息图非常适合分解、分类天气预报数据，以更清晰、直观的形式呈现。通过插画、图标和图像，比如Partly Cloudy应用，转盘就很有趣。

这个”有点像时钟”风格的主屏幕呈递了很多信息——时间、温度，降水概率，风力——化复杂为简单，很神奇吧。

4. 扁平化图标风格

偷懒的办法是沿袭传统，对吧？ Minimeteo 采用了超级简约的扁平化设计，卡片式的扁平化界面，信息呈递更直观。

直截了当的设计，便是好设计

5. 写实主义

更多人管这种风格叫拟物设计。Weather Dial的这款天气应用灵感来自德国工业设计大师Dieter Rams.

按钮进行设置（联想到开关进行控制），扇形用来现实信息（联想到仪表盘的显示信息），功能性与美感兼备。

如何用UI设计软件做app页面

之一点：了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：

这类的解决方案是设计的app更好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是 我们尽更大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的 *** 和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器 POP 、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计 （2）分区或分类 （3）帮用户做决策 （4）提高交互创新设计 （5）让人有爽 *** 和新奇感 （6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年 APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）. 设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）. 放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

效。

（3）. 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）. 由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）. 整个设计过程中不断问自己“真的需要吗？” 。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，

但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正

设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的 *** 最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。

哪个手机APP图标更好看，是你最喜欢的？

应用图标是一个用户对你的应用的之一印象，用户可以透过应用图标就能在心中做出评判，这个应用是否精美和友好。很大程度上来说，一个好的产品应该具有一个好的应用图标，而一个好的应用图标应该清晰地传递出产品的内涵，能让用户体验由外到内都和平统一。因此，设计师在设计应用图标时需注意以下8大原则。

1.可识别性

优秀的图标设计的首要前提是表意准确，能让用户一眼就识别出它所代表的含义，能够贴近用户心里的隐喻。因此，可识别性是商标设计的之一重要原则。自从扁平化设计风格成为流行趋势开始，拟物化图标逐渐消失，取而代之的是弱化质感后的扁平图形。这其实对设计提出了更高的要求，原来我们可以用很具象的图形来表现，现在只能通过抽象的图形来传递正确的信息，在iOS中，系统音乐应用的图标是非常好的设计范例，而游戏中心的隐喻性就很差，用户很难从几个彩色的气泡中读懂它的含义，无法从中获得相关的信息。下图前三个应用用户能很轻易地识别它们的产品属性，最后一个应用图标虽然带有鲜明的个性特征，但单从视觉上很难传递给用户。相机、拍摄、照片'等信息。

2.差异性

AppStore有数以百万的应用，搜索常见的产品名称可以出现几十上百个结果，它们许多的应用图标都大同小异。要想让你的应用从众多的同类产品中脱颖而出，设计师在进行商标设计时，必须在突出产品核心功能的同时表现出差异性来，避免视觉同质化。

3.延续产品界面

从产品界面中提取设计元素作为应用图标的参考依据，让用户通过应用图标一眼就知道它是什么类型的产品、主色调是什么、设计语言是什么、里面的界面长什么样等，这是最完美的设计 *** 。在同类产品中，Clear称的上是更佳的范例，它的应用图标设计不但带有强烈的隐喻，同时还延续了产品界面的设计风格，简单的形状通过鲜艳明亮的色块叠加出来的效果使得Clear独一无二。

4.谨慎白色背景

有越来越多的设计师为了追求极致的美感，将应用图标设计成白色背景。无可否认，从单个视觉上来看使用白色背景的图标即突出了主体，也显得非常简洁。但是，考虑应用到不同的桌面壁纸上，白色背景的图标容易淹没在其他色彩鲜亮的图标里。尤其是当手机壁纸是白色时，白色背景的图标呈现出釆的画面就如同像是Android不规则的图标。在本章节开始我们就提到不规则的应用图标排列在一起时，画面会变得非常不整齐。

5.突出品牌

在设计知名品牌产品的应用图标时，应充分利用它们的品牌Logo，这些图形已经在用户心里留下深刻的印象，非常易于识别。例如， *** 在长达十年的时间里一直使用一只呆萌的小企鹅作为品牌形象，已经深深印刻在用户心里，不管是听到、看到企鹅总能之一时间想到 *** .即使是去掉企鹅形象所有的装饰，只保留简单的剪影图形，用户也不会错认。这就是品牌的魅力，在应用图标设计时也应该好好利用，延续品牌的生命力。

6.色彩鲜活

iOS10人机界面指南中提供了一套设计规范，其中阐明了色彩搭配，内置的应用程序选择使用那些看起来更具个性的，纯粹又干净的颜色， *** 短信使用绿色、天气和浏览器使用蓝色，备忘录和提示使用黄色等。设计应用图标时使用明亮的色彩，会让你的应用更能抓住用户的注意力。

7.使用栅格线

设计师在设计应用图标时应随时使用IOS栅格线作为设计依据，它能让你的设计与IOS系统保持和平统一。采用栅格线方式进行设计的图标越多，在界面中就能更好的彼此匹配，界面中图标的整体感就越强。

8.多场景测试

我们最终设计的应用图标会以不同的分辨率出现在手机主屏幕、AppStore和界面等环境中，设计师需要在多种图标的应用场景中进行设计测试、尽可能完美适配。在AppStore。图标尺寸为1024×1024px，意味着设计师可以有很大的发挥空间，可以描绘许多细节。而在手机主屏幕，图标尺寸为120×120px，当大回缩放成为小图，一些细节就会丢失，使得画面变得模糊。这时就需要设计师对小尺寸图标进行细微调整，去除不必要的装饰元素，以确保应用图标在小分辨率场景下也能保持清晰的辨识度。做完这一切，还必须在移动设备上测试你的设计，如果是在Photoshop中设计绘图，可以连接PsFlay投屏到手机上进行确认。

以上内容由丝路教育提供

如何做APP界面设计

之一点：了解你的目标客户群的心态

1、做微任务的目标客户群(如随时随地看看新闻，听听歌，看看电影，聊聊八卦之类)：

这类的解决方案是设计的app更好是小而准，不要大而全。越全的功能应用，只能代表着这个应用在各方面的都很平庸

2、喜欢当工具来使用的目标客户群：比如找地图，看天气，查数据等。

这类的解决方案是 我们尽更大努力的去满足用户的情景需求。做到极致和简单。

3、无聊的客户群，用来打发消磨时间的：无需求，漫无目的的

这类的解决方案是尽可能展示用户感兴趣的东西，帮助客户来打发消磨时光。

第二点：APP原型图的 *** 和设计讨论

这个环节是必不可少的。需要根据设计需求认认真真的来画画原型图。

常用的APP原型图工具：移动APP原型设计神器 POP 、axure、Foreui等

第三点：APP视觉设计与设计要点

（1）大概设计板块有APP启动页面设计，APP界面设计的尺寸规范，app图标设计等

一般来说，手机屏幕是从上往下布局的，重要的信息会放在上方。但是在操作上，大部分人都是单手拿手机，常用的操作，要放在界面的下方。

另外还有一个原则，最小的触摸单位，一般是44个像素。如果再小，你的拇指难以触碰，或者容易引发误操作。同时，也不要让界面太拥挤。

所以，设计师必须用减法设计，这个过程需要花时间思考、简化元素。

你必须记住：（1）隐藏设计或者减法设计 （2）分区或分类 （3）帮用户做决策 （4）提高交互创新设计 （5）让人有爽 *** 和新奇感 （6）在设计中浸入情感，把握用户的心理。（谈谈如何进行产品设计以及产品情感化设计）

一位大师这样说过“真正的简约设计是：作品必须不断的被简化，一改再改，直到设计最终成形。”

2014年 APP设计风格趋向扁平化和卡片化。卡片，扁平化都会是移动app设计的趋势！认为卡片设计确实同时兼具了“拟物”和“极简”2种优势！

第四点：APP界面设计流程

（1）. 设计APP界面时，学会从优秀APP界面设计作品中寻求灵感，以前的艺术大师，用少量的资源做了大量的设计。

（2）. 放下工作，休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作，带着全新的眼光工作，比长时间冥思苦想更有

效。

（3）. 并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存，对比两个版式就能很快分清孰好孰坏。

（4）. 由于实物展示的相对比例至关重要，所以要及早在不同的目标设备上测试。

（5）. 整个设计过程中不断问自己“真的需要吗？” 。支撑项目时候，找一些讨巧的办法，例如，添加一些有趣的元素、样式会这样会很容易也会很吸引人，

但必须始终注意剔除不必要的元素，不断精简。甩掉你费尽心血的部分总是难以割舍，但修改过程必须挑剔。

第五点：APP界面设计测试与预览修正

设计完成之后，我们可以把设计图导入手机测试或者是校正。之前发布的在线测试工具：快速在移动终端上预览APP界面设计效果图的 *** 最后：好的APP界面设计作品必然是要经过不断升级、重复迭代的。