做一張扁平設計卡片
扁平化設計(Flat Design)是一種簡約的UI設計語言,廣泛套用於網路應用程式和手機應用程式上,另外也常用在海報,宣傳單張,指導文件等等。這種設計也使人們一眼看上去就知道了介面所傳達的資訊,兼顧了視覺上的親和力和耐看性。
用Photoshop可以快速製作出這一類的設計。首先新增個空白檔案,這個檔案要長方形,我用2560 x 1440px @72ppi。
去color.adobe網站,選一些你喜歡的顏色組合(Color Scheme)
顯示格點,方便之後作對齊。
用「矩形工具」,畫一個800 x 1100px ,20px圓角的矩形。
用「橢圓工具」,畫一個400 x 400 px 圓形,然後複製一個,設定成440 x 440 px,做成邊框效果。
用Clipping Mask嵌入頭像相片
加些陰影Drop Shadow
接著是做底部的設計,把下面的矩形圖層複製多一個,拉到最頂。
選取「矩形工具」,按住opt key用減去的方法拉出一個合適的矩形,改好顏色。
用直線工具,2px weight,平均做三份,線條圖層可減低透明度做成更佳效果。
用矩形工具畫一個280 x 100 px 的「Follow Button」,加陰影效果。
右上角也畫一個60 x 60 px圓形,再置入tick icon。
再加入適當的文案,完成。