APP UI 设计手册
上QQ阅读APP看书,第一时间看更新

3.5 青

3.5.1 认识青色

青色:青色所表示的感情内涵十分丰富,特点是高档、有品位,同时也可表现一种精神。青色的色调变化可以表现出不同效果,既可以表现出高贵华美,也可以体现轻快柔和。青色有缓解紧张、放松心情的作用。

色彩情感:轻快、华丽、高雅、庄重、坚强、希望、古朴。

RGB=0,255,255 CMYK=55,0,18,0

铁青RGB=82,64,105 CMYK=89,83,44,8

深青RGB=0,78,120 CMYK=96,74,40,3

天青色RGB=135,196,237CMYK=50,13,3,0

群青RGB=0,61,153 CMYK=99,84,10,0

石青色RGB=0,121,186 CMYK=84,48,11,0

青绿色RGB=0,255,192 CMYK=58,0,44,0

青蓝色RGB=40,131,176CMYK=80,42,22,0

瓷青RGB=175,224,224 CMYK=37,1,17,0

淡青色RGB=225,255,255 CMYK=14,0,5,0

白青色RGB=228,244,245 CMYK=14,1,6,0

青灰色RGB=116,149,166 CMYK=61,36,30,0

水青色RGB=88,195,224 CMYK=62,7,15,0

藏青RGB=0,25,84 CMYK=100,100,59,22

清漾青RGB=55,105,86 CMYK=81,52,72,10

浅葱色RGB=210,239,232 CMYK=22,0,13,0

3.5.2 青&铁青

① 本作品为移动应用程序——健身追踪器,该应用可以随时记录用户的健身记录,供使用者查询他们的健身情况。

② 青色的背景带给人们一种活泼、动感的感觉,运用在运动应用上再适合不过,能带给人动感十足的视觉效果。

① 本作品为移动应用程序——家庭监控设备,使用者可以监控家里的情况,以及家里的家用电器,还有历史使用记录。

② 铁青色给人一种沉稳、安全的感觉,本应用的作用在于监控家里面的安全,应用在手机上可远程操作、监看,给主人一个安全、舒适的家。

3.5.3 深青&天青色

① 本作品为移动应用程序——美国全国广播公司财经频道应用。

② 标题栏为深青色,着重突出了财经的数据,绿色在这里为上涨的颜色,能带给人们财富的感觉;下方则通过统计表的形式,具体、直观、形象地表达了数据。

③ 作为有关财经的软件,肯定需要不止一条公司的数据。通过下方的加号图标,可以添加多个信息,以供用户对比查看。

① 本作品为移动应用程序——圣诞节应用。

② 大块天青色可以看作天空的场景,圣诞节在漫天飘雪的冬天,所以用白色作为地面,给人一种清新的感觉。

③ 姜饼人为圣诞节的传统食物,多彩的灯饰把圣诞节装饰得五彩缤纷。界面摆放圣诞节的特有物品,给人带来浓浓的节日气息。

3.5.4 群青&石青色

① 本作品为移动应用程序——位置警告,可以在设置的时间内进行消息发送。

② 把标题栏的背景设置为群青色,着重突出定位的标志,明确该软件的作用。绿色作为一个有安全含义的颜色,有着确定的意思。

③ 安全是现在较为关注的话题,本应用使用手机定位的功能,提高用户的安全感。

① 本作品为移动应用程序——日历,可以在固定日期、时间添加备忘提醒。

② 整个软件的背景颜色为石青色,给人一种冷静、安静的视觉效果。

③ 现在日历的功能都具有备忘录、闹铃提醒的功能。

3.5.5 青绿色&青蓝色

① 本作品为移动应用程序——测试选择,用户可以根据自己的喜好选择向左向右。

② 明亮的青绿色背景可使用户眼前一亮,更加突出中间白色背景的选项。

① 本作品为移动应用程序——理财软件,使用者可以记录自己的财产使用情况,可以看到明细的账单。

② 青蓝色的背景,给人一种理性严谨的视觉效果,作为理财软件,带给用户一种安全、严谨的心理感受,使用户能更加放心地使用该应用。

③ 直线统计图在理财软件中比较常见,用户可以明确清晰地了解资金的使用情况。

3.5.6 瓷青&淡青色

① 本作品为移动应用程序——通讯软件,用户可以用以记录电话号码,设置本地好友头像,也可以进行短信沟通。

② 瓷青色给人一种淡雅的印象,整个通话、短信设置都采用瓷青色,与采用的手机主题一致,给人一种安静、简约的视觉感受。

① 本作品为移动应用程序——录音软件,本页面为播放录音的界面。

② 淡青色的页面,可使人眼前一亮,跳动的频谱形象表达出录音的信息,将声音进行了图形化处理。

③ 可视化的音频软件,在视觉上给人一种动态的视觉享受,也是对音频的详细解析,以分清音频中的高低音。

3.5.7 白青色&青灰色

① 本作品为移动应用程序——专业维修,用户可以通过应用查找最近的专业维修点。

② 白青色作为地图的背景颜色,通过颜色的深浅划分区域街道,在视觉上给人明亮、清晰的视觉观感。

③ 本应用可帮助用户查找最近的专业维修人士,还可提供个人的介绍、评价等。用户通过手机应用就可以找到维修人员。

① 本作品为移动应用程序——电子邮箱,用户可以查看电子邮件。

② 青灰色的侧边栏,使用户可以按照一种引导性的阅读顺序进行查看。用蓝色作为选中区域的颜色,使用户清晰地看到所选的信息,不会看错行。

③ 界面布局是导示型版式,这种版式设计具有一定的秩序性,常用于工具应用中。

3.5.8 水青色&藏青

① 本作品为移动应用程序——员工入职公司介绍。本图介绍了薪资通过银行卡进行发放。

② 界面以水青色作为背景,给人一种安静、平稳的感觉,中间突出了红色钱包及银行卡的图案,让人一下就看到想要关注的重点。

① 本作品为移动应用程序——屏幕的保护界面和通话记录。

② 藏青色界面中央的指纹好像星球,周围有围绕的小星球,给人一种神秘玄幻的太空感觉,把用户带入太空的氛围。

③ 通话记录中用红色作为一种提醒色,让人们注意到未接电话。

3.5.9 清漾青&浅葱色

① 本作品为移动应用程序——闹钟。本图为闹钟设置的详细页面。

② 清漾青作为闹钟主要设置的背景,突出了闹钟时间、日期的设置;明亮的浅青色的按键区域,给人一种确认感。布局清晰干净,区间分割分明,不会混淆区域,利于用户使用。

③ 闹钟有定时的功能和可以再响的功能,也可以固定为一周的几天,这个功能是手机必备软件之一。

① 本作品为移动应用程序——恋爱应用。图标通过心形表现出应用的主题。

② 通过上下分割的图标,浅葱色给人一种淡雅而又清新的印象,让人感到一种恋爱的清新的味道。

③ 恋爱是两个人的事,所以在软件的图标上进行了上下两部分的分割,表示两个人相互沟通,是心与心的沟通。