萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> DUANG!如何讓你的設計稿特技加特技?

DUANG!如何讓你的設計稿特技加特技?

   當我第一次知道要改稿的時候,其實我是,是拒絕的,我跟老大講,我拒絕,因為,其實我,根本不知道怎麼改了……導演跟我講,改完加特技,設計稿很高…很大…很上……加了一個小時的特技之後呢,設計稿 DUANG~後來我也知道大家都是這麼加的,是加了各種特技的。我現在呢,每天還是加特技,加了很多特技,設計稿,DUANG~DUANG~DUANG~我的設計稿就是這麼酷,因為我,加特技……

  俗話說,人靠衣裝自拍靠美圖秀秀。相信大家都有遇到這個問題,為什麼大家水平相同,他的設計稿看起來好酷炫,你的反而沒啥感覺?那是因為,你沒加特技。一個設計稿,完稿之後,在不改變設計稿本身的前提下,也是需要適當的包裝,適當的加特技的,加完之後可以讓你的設計稿瞬間提高逼格,變得高大上。甚至還能提高過稿概率,唬住那些整天愛折騰有和沒的的甲方。

  特技1:優雅的數據填充

  這裡的“數據”,指的是設計稿中所包含的’背景’、’頭像’、’文案’、’昵稱’等信息。下面請看例子:

DUANG!如何讓你的設計稿特技加特技? 三聯

  花上一點時間填充更加合適的數據。比如找些顏值比較高的頭像,好看的背景圖片,符合場景的文案等。數據的填充影響著整體設計的美感和甲方對產品的期望。填得好,等於是在告訴甲方,我設計的時候,是醬紫,你們到時候做粗來,也是醬紫。

  最終稿如果有時間,還可以為每個控件填充不同的信息,使得數據看起來更加真實可信。很多人都不重視這一步,同樣的控件直接復制圖層組拖一個新的,改都不改……如果你是使用 Sketch 進行設計,你還可以采用 Content Generator 插件,自動填充頭像、文本、日期等數據。(Photoshop 木有……)

  此外還有一個小技巧:能用英文就用英文吧(個人觀點,僅供參考)

  特技2:炫酷的展示模型及合適的場景

  其實以前的設計並沒有這麼干,大家都挺純真的,設計出來,直接輸出視覺稿丟出來。後來越來越多的人,比如說做手機 app,把界面塞到手機裡面,P 得好像 app 已經做出來有個大胸美女在使用給我們看的樣子,或者畫個網頁塞到電腦屏幕,看起來好像這網頁真的實現出來,在辦公室打開浏覽的樣子……這特技加得還可以……

  網絡上有較多的展示模型(mockup)的 PSD,mockup大概分為兩種:

  1. 3D 立體特效屏幕展示模型

bg20150302 (2)

  2. 生活使用場景展示模型

bg20150302 (3)

  使用 mockups 之後雖然變得高大上,但是有時候會導致看不清屏幕裡面的元素,如有需要記得附上 real pixels,即按照原來的設計稿,不加 mocukps,輸出實際圖片作為備用。

  使用起來都非常簡單,打開 PSD 直接修改屏幕圖層的智能對象即可。這裡順便提一下一個在線生成 mockups 的網站:Placeit,數量和質量都不錯,但是,一開始都是免費的,後來用的人多了,變成只有艾薇畫質才免費,高清都要收費了……有興趣的壕朋友可以自己看看……

  特技3:相關的設計說明材料

  有一天和國外某牛逼轟轟的 Team 一起做項目,對方每次發過來的稿子,除了設計稿,還有一個 PDF。這個精心制作的 PDF 裡面,包含了他們的設計說明,比如創意思考,為何要用這個顏色和字體,使用規范,和實際場景使用下的參考圖等等,其細心和專業的態度實在讓我膜拜。

  這就好像為什麼我們去買東西,裡面都有一份說明書。而這個說明書,可以讓客戶看到你的專業態度和你為了這個設計所付出的認真。拿到一個包裝精美的產品,總比拿到一個裸奔、連包裝和說明書都沒有的東西要來得踏實。做外包的時候,別人給你 10W 設計一個 logo,交稿的時候,你直接丟個 未命名.jpg 過去,完了,對方會怎麼看?相信大家心中都有數。

  以上的所有特技都是在基本不改變設計稿本身的前提下加特技,旨在幫大家包裝自己的設計作品,加不加全憑個人喜好,如有錯誤請輕噴……

copyright © 萬盛學電腦網 all rights reserved