【利用原子設計理論來繪製mockup吧!】
🔎原子設計是用在設計上的一套方法論,以原子、分子、組織、模版、頁面等五種階段來構成。
🧠簡單來說,就是先從設計小元件開始(原子)→將設計的小元件拼成中元件(分子)→將中元件拼成大元件(組織)…最終成果就是會形成一個完整的介面設計。
🔎為什麼要使用原子設計?原子設計的優點是?
原子設計是一套有邏輯的設計方法,將使用介面分解成元素,可以應用在不同的頁面,讓使用者有一致的使用者經驗。
🧠原子設計不僅能在多個平台間保持體驗一致性,也由於階段性的設計流程,在跨部門的溝通上也會比較順利。
🔎怎麼應用原子設計在設計介面上呢?
🧠這邊舉了一個用原子設計實行mockup的例子,面對空白的wireframe沒有任何想法的設計師們,趕快來試試原子設計吧!相信將大目標拆解成小目標,一定能更容易找到靈感 :)
---------------------------------------------------------------
想看更多UI設計相關知識嗎?
🤓歡迎↓
追蹤IG👉 https://www.instagram.com/out_of_design/
追蹤Medium👉 https://medium.com/@stw80418
追蹤FB👉https://reurl.cc/ZnMzKp
Search