設計新主張:您不能不知道的關鍵字 Templates 與 Mockups

image

在這個資訊時代裏,設計除了以「原創」的方式,從發想、討論、實作逐步實踐進行之外!為了讓設計更有效率,透過「Templates 範本」與「Mockups 原型」的方式,讓設計的進行可以站在巨人的肩膀上,先從別人已經設計好的內容,再經過適當調整,或是直接套用,快速建立出新的設計作品!

這樣的概念,其實早就是 ING 進行式,不只是微軟的 Office,包括現在很多線上影像、影片剪輯處理雲端服務、行動裝置 APP 應用程式,大家都在朝這個方向發展!

image

image image

對於非設計相關背景的人來說,這樣不僅縮短了學習的時間,更重要的是,能在短時間內,製作出不輸專業水準的設計作品!

那對於設計相關的人來說,真的這樣就代表機會愈來愈少了嗎?其實不然,反倒是因為工具愈來愈簡單,降低了軟體的學習時間,更能將時間專注在「設計的本質」,而且更容易進行「跨領域」的嚐試與創新!

關於「Mockups 原型」,可以參考以下的維基百科的說明:

https://zh.wikipedia.org/wiki/Mockup
製造設計上,mockup是一個設計或是設備的模型,用來教學、展示、設計評估、推廣或是其他用途,可以是比例模型或和實物一様大的模型。若mockup已有系統一部份的功能,已可以測試其設計,則稱為原型(prototype)[1]。設計者會用mockup來收集使用者的意見及回饋。mockup表示了一個流行的工程概念:設計者可以在繪圖板上用橡皮擦直接修改設計,也可以晚一點用錘子直接修正[2]

現在,我們就來看看網路上用「Templates 範本」與「Mockups 原型」這兩個關鍵字,能找到哪些好用的設計資源!

※ 搜尋技巧:請記得使用「複合關鍵字」,例如,想找免費的海報範本,就用「mockup poster free」。

以下有不少優質設計素材網站,都可以做為大家設計的參考喔!


  • Mockupworld
    網站中有一個免費的 Free Mockups 類別!

    image

  • Behance
    由 Adobe 主導的設計人才求職求才網站,也有提供 Best Free Mockup 作品供下載!

    image

  • Pixeden
    在網站上的每個類別 Print 印刷、Webs 網頁、Vectors 向量、Graphics 影像…等都有提供 Mock-Ups 與 Free 的設計作品供下載!

    image

  • Freepik
    網站上提供 PSD、Vectors …等相當豐富的影像與向量設計免費資源!

    image

  • FDR
    網站上同時有「Templates」與「Mockups」這兩個類別,也有字型、影像…等,而且設計檔案數量真的非常多!

    image

  • GraphicHurger
    網站上宣告所有素材都可使用在個人與商業用途!

    image

  • Pixel Buddha
    網站提供相當多的免費素材、範本!

    image

  • PSDREPO
    網站上提供的不同的類別檢索與與關鍵字搜尋,素材數量也相當豐富!

    ※ 此網站除了有廣告外,也有可能在下載過程中會出現一些廣告視窗…等,請特別留意一下喔!

    image
 ↑ 文章標題圖 Mockup 檔案來自 http://www.pixeden.com/psd-mock-up-templates/psd-magazine-mockup-vol9

※ 後記:

或許看了上面介紹的網站後,有人會發現到,好像介紹的都是以「Mockups 原型」居多,「Templates 範本」似乎比較少一些!是的,因為 Template 這個關鍵字存在的時間比較長,應該知道的人會比較多,所以就以 Mockup 為主要的介紹對象!
事實上,只要會善用關鍵字,其實大家都可以在網路上找到更多免費的素材或範本來使用!

※ 延伸閱讀:


張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!