如何讓介面中的動畫設計較容易被實現?

一般而言設計師交接給工程師製作時,除了輸出的圖檔之外還會有一份設計文件,用來交代畫面上的間距、文字、顏色等等資訊,有很多文章都在講解如何寫一份好的設計文件,例如這一篇。
隨者設計發展,動畫的重要性也逐漸受到重視,設計大舌頭也特別寫了一篇文章說明動畫效果的重要性: 2015 動畫效果會是介面設計的趨勢嗎?。然而動畫效果較不容易用設計文件說明。

閱讀更多 »

UI 設計師 學習程式 語言經驗談(一)

由標題就可以看出,這篇是一則從不會寫 code 到能寫出稍微像樣的網頁勵志文(誤~)。 因為想與開發團隊溝通順暢,所以開始接觸前端語言(HTML 與 CSS),沒想到因此掉入了一連串的無底深淵~我們都知道在學習新知識前,首要準備好教材。筆者綜合同事們的意見,找到了一本基礎的翻譯書籍……

閱讀更多 »

電子商務網站介面 設計寶典 (三)

電子商務網站介面設計寶典第三集報到!! 我相信前兩集的內容若能融會貫通,在武林界已非泛泛之輩!但第三集有更多密技可以提升內力,讓你功力更上一層樓!! 馬上閱讀~31.好的視覺階層,閱讀壓力少一半設定好的視覺階層(visual hierarchy),可以幫助使用者辨識介面上資訊的重要程度。視覺階層要怎麼呈現呢?

閱讀更多 »

電子商務網站介面 設計寶典 (二)

電子商務網站介面設計寶典(一)續集終於來了!!第二集帶來更多”小撇步”,讓你在設計電商平台時無往不利。21.在元素變化時增加動態效果,取代唐突的出現介面上的元素為了符合使用者的使用情境與方式,它們有時會出現顯示、隱藏、移動或轉移等變化,其目的最主要就是協助使用者理解介面的互動方式。

閱讀更多 »