来源:网络 作者:佚名
STEP 12
一整排沙丘的绘制要考虑彼此间色彩明暗协调等细节。前后相继的形状和色彩之间保持奇妙的平衡感。
STEP 13
沙丘群的打造是一个非常细腻的过程，运用我们的配色，适当做一些变化，渐变工具就会像一个趣味魔方。我无法将全部的细节一一描述，因为太需要现场灵感了，而且这需要花一些时间。下图当然不是最终效果，你可以做得比我的更好。比如增加更多的丰富的色彩过渡，让画面更华美壮丽。
展示背景：体验时间的流逝感
展示为壁纸，在PS中操作更方便。选用你喜欢的工具就好。
STEP 14
将AI文档在PS中打开，绘制3个圆角矩形代表三个手机屏幕。分别表达了从夜晚到黎明的三个瞬间。
STEP 15
将这三个圆角矩形的填充降至0，并增加投影的图层样式。填充其实和透明度的功用并不大，只是填充即使降至0仍然可以运用图层样式，而透明度为0图层样式也完全不可见了。
STEP 16
结束前，你当然可以还能继续调整出更好的效果，如果觉得配色没有足够出彩，可以在PS中继续调色，增加更多的样式。
就像我做的：先根据色调做一个色彩平衡的调整，再通过色阶的调整让明暗更加分明。为一些星星增加一点闪光的效果，最后给右侧整体增加一团薄薄的暖意黄。
最终效果
一些题外话
之所以把我所写的文章称为教程，大概是为了方便称呼。其实，一开始写教程完全是为了给自己留一个笔记，方便日后学习领会。我曾说过我并不是为大家提供指导，而是为了探索设计这一领域。我喜欢设计，刚好你也喜欢，学UI设计，就像小朋友相互切磋吃哪块饼干更好吃一样，我和你们一样是一个学习者(我没有把设计看作一个谋生技能，而是一个兴趣爱好)。一篇文章之所以被写下，是因为其中有我认为值得分享和记录的技巧点，这些技巧点有软件的操作技巧，也有对于设计本身的属于视觉领域的思考。我想，它们能点醒我，大概也能点醒某一部分人。
为保证每篇文章的营养，当看到一个不错的平面效果，我会查阅国内外相关的设计方法，照他们的方法操作，发现其中不足和可取之处，结合我自己的方式，再做一次。实验成功了，我才写成教程文章给大家。如果写得不好，那是我能力的问题，但并不妨碍对设计本身的热爱和深究。对于知识，我觉得，没有一个人是百分百的原创者。
最后特别提醒喜欢看我教程的小伙伴，UI设计教程及步骤，如果你们能在看完教程后做出比教程更好看的作品，这就是我持续写下去的动力之一，希望大家都能分享更好的方法和作品。春天来了，开足马力继续加油!生活不如意十之八九，不过嘛，开心娱乐游戏人间，事事都精彩。
