- APP UI 设计手册
- 孙芳编著
- 2050字
- 2021-03-27 20:56:16
3.4 绿
3.4.1 认识绿色
绿色:绿色是一种表现和平友善的中间色,具有稳定性,能起到缓解疲劳、舒展心情的作用,也代表希望和清新,象征着生命力旺盛,给人带来活力。绿色在大自然中最常见,多看绿色也可以保护视力。
色彩情感:生命、和平、清新、希望、成长、安全、自然、生机、青春、健康、新鲜。
黄绿RGB=216,230,0 CMYK=25,0,90,0
苹果绿RGB=158,189,25 CMYK=47,14,98,0
墨绿RGB=0,64,0 CMYK=90,61,100,44
叶绿RGB=135,162,86 CMYK=55,28,78,0
草绿RGB=170,196,104 CMYK=42,13,70,0
苔藓绿RGB=136,134,55 CMYK=46,45,93,1
芥末绿RGB=183,186,107 CMYK=36,22,66,0
橄榄绿RGB=98,90,5 CMYK=66,60,100,22
枯叶绿RGB=174,186,127 CMYK=39,21,57,0
碧绿RGB=21,174,105 CMYK=75,8,75,0
绿松石绿RGB=66,171,145 CMYK=71,15,52,0
青瓷绿RGB=123,185,155 CMYK=56,13,47,0
孔雀石绿RGB=0,142,87 CMYK=82,29,82,0
铬绿RGB=0,101,80 CMYK=89,51,77,13
孔雀绿RGB=0,128,119 CMYK=85,40,58,1
钴绿RGB=106,189,120 CMYK=62,6,66,0
3.4.2 黄绿&苹果绿
① 本作品为移动应用程序——果汁销售。本图着重介绍了苹果汁。
② 苹果本身就是绿色的,在白色背景下突出了黄绿的瓶装苹果汁,在周围点缀了苹果,更加突出了果汁的属性。
③ 可以通过软件购买果汁,右图为果汁所包含的成分含量。
① 本作品为移动应用程序——系统清理。
② 苹果绿接近自然色,可以使人心情放松,绿色给人一种安全感。清理手机内存中的垃圾和网络病毒,清理到100%安全,说明手机非常健康,系统没有任何问题。
③ 下滑页面就可以进行清理,对于用户来说是很方便的。清理完会总结清理的结果,体现手机的智能化、人性化。
3.4.3 墨绿&叶绿
① 本作品为移动应用程序——地图。本图着重查找人们身边衣食住行的地点。
② 以墨绿色作为标题栏,给人一种深沉的感觉。地图上标示出来的位置通过颜色进行了分类,用户可以快速查找自己所找寻的地理位置。
③ 点击地点位置标志,就可以看到详细的信息。
① 本作品为移动应用程序——智能购物列表应用。本图可帮助用户把纸质的购物单变成手机上的应用,方便用户使用。
② 叶绿色的标题栏给人一种新鲜的视觉感。购买完成的物品,背景变为浅绿色,让用户一目了然。
③ 该应用的出现方便了用户,便于用户整理购买的东西。
3.4.4 草绿&苔藓绿
① 本作品为移动应用图标——电话,本软件具有手机最基本的、最重要的功能——拨打电话。
② 草绿色对整体的烘托,给人一种清新的感觉,代表拨打电话畅通的好心情。四周通过颜色深浅的变化,给人立体感的视觉效果。
① 本作品为移动应用图标——时间管理,本软件的目的是帮助用户有效地管理他们的时间,充分利用琐碎的时间。
② 整个图标形状为欧式花纹造型,以苔藓绿作为背景的颜色,呈现了一种复古的视觉效果。
3.4.5 芥末绿&橄榄绿
① 本作品为移动应用图标——备忘录,本软件可以辅助用户记录一些事情和提醒用户一些应注意的事项。
② 图标的背景为芥末绿,绿中带着一点点黄色。同色系的绿作为本子的条格,形象地表现出一个笔记本的样子。
① 本作品为移动应用界面——找不到页面。
② 橄榄绿颜色的演绎给人一种沉稳、安静的感觉,简单的图形使空间变得不再单调。
③ 用户可以参照下面的文字说明进行操作,如进行刷新页面或者重新链接等设置,页面就会重新回来。
3.4.6 枯叶绿&碧绿
① 本作品为移动应用桌面插件——日历,该插件作为日历,有着极强的便捷性。
② 标题栏与选择日期的背景为枯叶绿色,日期的背景呈现出一种石纹的质感,给人一种复古的感觉。
① 本作品为移动应用程序——投票程序,可以实现不记名投票。本图为投票前后的两种界面。
② 整体布局简单明了,白色背景上的黑色粗体着重突出投票的事由。投完票以后,将碧绿色为背景。这个界面非常注重体现投票的结果和所占的百分比。
③ 投票系统在投票之前不能看到投票的结果,所以两个界面要有分别。
3.4.7 绿松石绿&青瓷绿
① 本作品为移动应用程序——房地产,本软件可以帮助用户找到心仪的房子。
② 整个界面布局简洁,使用绿松石绿作为背景,给人一种清新的感觉。
③ 通过与用户的互动提问,可以先了解用户的需求,以便在后期准确地给用户推荐房产信息。
① 本作品为移动应用程序——瑜伽软件,本图的页面为欢迎页面。
② 青瓷绿色给人一种清新淡雅的感觉。瑜伽可以靠冥想进行锻炼,绿色给人一种清新宁静的感觉,可以让用户的身心得到放松。
3.4.8 孔雀石绿&铬绿
① 本作品为移动应用程序——PIN,本应用是为了保护电话卡安全。
② 绿色给人一种安全的感觉,黄色的锁更形象地表现了安全的含义。而这个应用程序就是为了手机的安全而设置PIN码。
③ 设置手机的PIN码是为了保护手机卡的安全。为了防止电话卡被他人恶意盗用,用户若开启了PIN码,开机后要输入PIN码,确定是本人使用。错误超过三次,手机会自动锁卡。
① 本作品为移动应用程序——101个商业理念,本图为应用首页展示。
② 铬绿色作为首页背景,在页面中间进行虚化,视觉上给人一种空间感,使页面具备了一定的透视感。
③ 欢迎页通过文字告诉用户这个应用是关于什么。因为理念是人想出来的,所以采用了一个人头的图标,上面的灯泡表示灵光一现的灵感,美元符号则表示其与商业有关。
3.4.9 孔雀绿&钴绿
① 本作品为移动应用程序——录像,图为一个简单但形象的摄像机的形状。
② 孔雀绿的背景给人一种稳定的感觉,中间简单的录像图形标志,使用户不会混淆应用的功能。
① 本作品为移动应用程序——设计软件,图为设计师分享他的作品给他人的界面。
② 钴绿色给人一种生机勃勃的感觉,采用这个颜色,也是鼓励设计者多将一些作品分享给他人,给人一种积极向上的心理暗示。
③ 设计者可以分享创意作品给他人或更新到微博,也可以通过该平台进行统一的展示。