界面

阅读类APP引导页设计

Adyun · 4月20日 · 2020年 · · 本文929字 · 阅读3分钟132

采用2.5D的风格再配合文案进行设计,整体风格颜色还是以渐变色为主。

第一幅图

阅读类APP引导页设计-Zhaoyun.art
循序渐进

第一幅图,文案“阅读,读书之法,在循序渐进,熟读而精思。”在这里我着重抓住循序渐进的点,因为由这一点联想到一步一步,进而出现阶梯的概念。那么,阶梯从何而起,地上。阶梯通向何处?光明之门。再结合到书本一起,一个人抱着书一步一步走上阶梯进入到书里的画面就出来了。

第二幅图

阅读类APP引导页设计-Zhaoyun.art
耳聪目明

第二幅图,文案主要是表达聆听,感觉较难跟书本和阅读联系起来。可能这是一个可以听书的APP。由聆听便能想到音乐,播放器,音箱之类的东西。如何将书本和这些结合起来呢?后来在尝试过程中,发现书本竖立起来也和手机播放器这些差不多,都是方形的形状,于是在画面中将两者进行结合,从而得到了这样一个画面。再添加一些舒适的居家场景,采用较为科技的氛围,这样一个页面就出现了。

第三幅图

阅读类APP引导页设计-Zhaoyun.art
行到水穷处,坐看云起时

第三幅图,“行到水穷处,坐看云起时”。对这句诗句的理解需要一些平时的积累。水穷处如何在画面中表现出来?其实原诗的意思是走到了水源的尽头。这样在画面中不好表达,因为水源的尽头就是没有水源?没有水源,别人又如何知道这里是水穷处呢?在这里,我的处理手法来自《中国诗词大会》康震老师的作品。曾经有一期,试题里面有这句诗的看图猜句。康震老师当时利用瀑布来表现“水穷处”,我觉得这是一个很好的点,在此次设计中利用上了。书本刚好有个直角,做成瀑布岂不是更好?瀑布流下来自然要积成水潭,水潭里面有涟漪,有鱼,有荷花,有倒影。“坐看云起时”,在这样的画面完成后就很简单了。主角坐在尽头,周围画一些小白云,便能很好的表现出诗句的意境了。

此张图片整体颜色风格和游鱼部分临摹了JZH大佬的图,此为原图地址,在此说明,非常感谢。

渐变方法

在这里再分享一个制作渐变色方法。当你已经做出了一个比较漂亮的渐变需要再制作其他渐变的时候,我习惯于使用“色相饱和度”尝试性的将其进行全局调整。通过色相或者饱和度的搭配实验,有时候就能轻易的发现另外一种漂亮的渐变哦。当然这种方法并不适用于大多数时候,有时需要自己再把握再调整,但是好在成本很低,你只需要拖动滑块就完全有可能发现另外一种漂亮的渐变。

项目为练习稿,不做商用,本站为个人博客,亦无任何广告收入。

0 条回应