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

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

閱讀更多 »

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

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

閱讀更多 »

別鬧了,你還在用這8個過時的元素和工具設計網站嗎?

現今人們使用網路的”行為”與”設備”跟過去有相當大的不同,造成網頁設計的技術不斷的演進,設計的概念與手法也因應調整。過去相當流行的技術與設計元素,有些已經被淘汰了或正在凋零。今天介紹的這8大設計網頁的元素與工具,我認為會逐漸的消失,但不管怎麼樣,能讓使用者體驗越來越好是最重要的事情。

閱讀更多 »

20 個超強導航列 (Navigation) 設計

網站中的導航列 (navigation) 設計相當重要,因為它可能影響到網站是否能成功。主要的原因在於,使用者會透過導航列來找尋他們想要得到的資訊,換句話說,導航列的架構設計其實就代表著網站對使用者友善的程度。所以在設計與開發網站時,導航列的架構、視覺與互動設計極需深思熟慮。

閱讀更多 »
what's wireframe?

設計師必懂 (一) – Wireframe 與 Prototype 的不同

什麼是 wireframe? 什麼是 prototype? 兩者一樣嗎?線框稿 (wireframe) 並不等同於原型 (prototype) ! 這兩個術語甚至連有經驗的設計師也常常搞錯。這兩者除了語意上的不同,實質面也具相當的差異,線框稿是一個低擬真度來呈現產品,原型是屬於中到高度擬真 …

閱讀更多 »
×