APP包裝,10分鐘快速實現高大上原型圖

發表於2016-08-14

作為設計師,我們在很多時候都需要包裝自己的作品,例如找工作啦、過稿子啦等等,這時候加入一份優雅的互動原型圖會立刻使你的作品增色不少。

APP包裝,10分鐘快速實現高大上原型圖

原型圖

今天就說一下如何利用PS快速實現作品展示中的原型圖:

1.第一步,確定最終的原型圖色調,也就是最後呈現出的主色調,這裡採用顏色#999999。

APP包裝,10分鐘快速實現高大上原型圖

最終效果圖對比

2.隱藏所有圖片,改變圖片下形狀剪貼蒙版顏色為主色調顏色(最好在做設計稿定點陣圖片時就提前做好準備)

APP包裝,10分鐘快速實現高大上原型圖

APP包裝,10分鐘快速實現高大上原型圖

第二部之後

3.調整圖示、搜尋框、調節黑白的透明形狀圖層。

圖示統一疊加顏色,與主色調一致;搜尋框和透明性狀圖層微調透明度保持整體的和諧。

APP包裝,10分鐘快速實現高大上原型圖

調節顏色

APP包裝,10分鐘快速實現高大上原型圖

顏色疊加

4.所有圖做完後,利用Axure或者AE等軟體進行排版,畫箭頭線。大功告成~

APP包裝,10分鐘快速實現高大上原型圖

相關文章