在摸索怎樣作個稱職的UID的路上,總是到處模仿學習,不懂得利用好工具就是事倍功半,時時汲取好資源,避免成為死水一灘。平常工作手邊事情忙完告一段落,我就會抓時間到處逛一些大站「搜括乾貨」——時常瀏覽質量兼具的網站,很能提升自己的設計水平。今年的介面設計以及色彩趨勢是什麼?什麼是扁平化、什麼是好UI,看得越多就越能揣摩、越能心領神會。

值得注意的是,所謂「使用者介面」,這幾年雖然網頁與APP蔚為主流,但未來的人機介面卻未必侷限這兩種形式;AR、VR、AI、生物辨識……各種新技術的加入,都會改變我們未來人機介面的呈現方式!

 

CSS/JS demo sample
蒐集一些效果套件素材收在自己的資料庫,例如浮動置頂的navbar、hover移出的廣告欄位、responsive的carousel……花點時間整理成乾淨的一包code,需要的時候就可以直接拿出來稍微加工就可以派上用場,非常方便!我會把資料夾名稱取名一些關鍵字例如:float、light-box,然後capture一張預覽畫面放在資料夾裡最外層,之後要找效果的時候會更方便取用。

 
 
 
平面設計/版型風格範例
看到值得參考的設計畫面也會收進我的資料庫裡,包括電子商務商品頁、名片、海報……等,這方法其實從我以前做平面設計就開始蒐集累積了,將畫面上的設計手法關鍵字寫在檔名,例如:潑墨、鏤空、人物、淡出、標準字……當我想找類似風格來參考的時候我就會在這個名為Design的資料夾裡輸入關鍵字搜尋,並且將上述資料夾都存放在google drive或dropbox雲端空間,不論公司家裡任何一個device都可以隨時取用。十年前土法煉鋼的方式是手邊拿到紙本文宣覺得這設計值得參考,就會翻拍之後存在電腦裡,現在除了上雲端之外,也會透過pinterest這樣的圖片蒐集平台更有效率地彙整圖片資料。
 
Sketch App Sources
這幾年APP設計成為主流,新興軟體Sketch大行其道,比起用傳統PS或AI來設計介面,Sketch相對友善許多(這是無可厚非的,畢竟PS和AI本來就不是為了介面設計而生的軟體),網路上也有越來越多sketch的乾貨可以下載使用,例如:Sketch APP Sources,下載這些資源的主要目的不是一味地照本宣科,而是站在巨人的肩膀上才能看得更遠、"steal like an artist"——學習別人的優點,吸收內化後揉合自己的設計觀點,產出屬於自己的風格。
 
 
程式碼/概念彙整文字筆記
比起殺紅了眼、四處搜括乾貨,我倒覺得自己的理解彙整更為重要,不能只是不經大腦的複製貼上,必須自己整理這些概念之間的關係,見樹又見林!諸如程式碼範例、Browser Hack注意事項、安裝使用說明等文字資料我會記錄在OneNote(詳情請參考我的數位應用生產力工具推薦),依照JS、JQ、UX、UI……等分門別類,搭配Surface的手寫功能,只能說就是筆記好幫手,好用啊~當然,當本身已經熟練到一定程度的時候,這些筆記就派不上用場了。

arrow
arrow
    文章標籤
    UID
    全站熱搜
    創作者介紹
    創作者 Nonstop 的頭像
    Nonstop

    平淡流年

    Nonstop 發表在 痞客邦 留言(0) 人氣()