APP包装,10分钟快速实现高大上原型图

作者: Jkarakorum | 来源:发表于2016-08-09 22:59 被阅读1216次

    作为设计师,我们在很多时候都需要包装自己的作品,例如找工作啦、过稿子啦等等,这时候加入一份优雅的交互原型图会立刻使你的作品增色不少。

    原型图

    今天就说一下如何利用PS快速实现作品展示中的原型图:

    1.第一步,确定最终的原型图色调,也就是最后呈现出的主色调,这里采用颜色#999999。

    最终效果图对比

    2.隐藏所有图片,改变图片下形状剪贴蒙版颜色为主色调颜色(最好在做设计稿定位图片时就提前做好准备)

    第二部之后

    3.调整图标、搜索框、调节黑白的透明形状图层。

    图标统一叠加颜色,与主色调一致;搜索框和透明性状图层微调透明度保持整体的和谐。

    调节颜色 颜色叠加

    4.所有图做完后,利用Axure或者AE等软件进行排版,画箭头线。大功告成~


    欢迎讨论设计问题,互相伤害。

    以上,侵删


    THE END


    相关文章

      网友评论

      • 路远先生1:专业!
      • 90e72b37fe9d:本末倒置,骗不了人的。
        Jkarakorum:@Bocabuka 嗯嗯嗯,这我明白,从这个角度的确是本末倒置的,我是半路出家,所以在做产品包装的时候想到这个方法,勉强算是多一种思路,多谢啦
        90e72b37fe9d: @老睿 其一,先有原型,再有UI设计。UI是在原型基础上的优化,通过原型与UI的不同可以看出团队在开发过程中的思考与取舍,甚至失误与走偏。这些都是宝贵的经验,是面试官希望看到的。二、你这样做展示固然可以,但没有经历原型过程,再通过逆推来画出原型,用处针真的不大。
        Jkarakorum:@Bocabuka 不用骗人啊,这个是做展示用的,比如说要找工作,自己设计了一套画稿啊,不可能用于真正的讨论、交流原型图,这不是骗人,只是一种展示方式的提出,合适的东西总在合适的地方吧
      • HiJony:背离了做原型图的初衷。
        Jkarakorum:@DesignMonster :smile:
        Jkarakorum:@DesignMonster 是啊,主要是为了产品包装,偷点懒
      • 追风筝的ciyi:干货😍

      本文标题:APP包装,10分钟快速实现高大上原型图

      本文链接:https://www.haomeiwen.com/subject/rvsqsttx.html