周周
界面設計就是將一堆分散的元素、內(nèi)容或者組件,通過正確使用可視層次結(jié)構(gòu),進行合理的規(guī)劃和重組,有目的地呈現(xiàn)在用戶的面前,這樣有助于內(nèi)容傳達和提升用戶使用效率,幫助用戶快速解決問題。
在產(chǎn)品開發(fā)過程中,UI設計師、產(chǎn)品經(jīng)理和開發(fā)人員是三個不可或缺的角色。他們各自承擔著不同的職責,但共同的目標是打造出優(yōu)秀的產(chǎn)品。為了實現(xiàn)這一目標,他們需要緊密合作,相互支持。本文將探討UI設計師如何與產(chǎn)品經(jīng)理和開發(fā)配合好,助力產(chǎn)品提效。
經(jīng)常看我文章的朋友對于“基礎組件”和“業(yè)務組件”的區(qū)別應該耳熟能詳了。
對于相對底層的、開源的、通用的基礎組件庫來說,批量生產(chǎn)多種顏色的色板成本相對較低、準確性也更高,且可以滿足中后臺設計中的開發(fā)者和設計者對于顏色的大部分使用需求。例如基礎組件庫 Ant Design、Arco Design 都提供了相對全面和豐富的平臺系統(tǒng)級別的色彩體系,包括 10+ 顏色的基礎色板、中性色板和功能色板:
列表卡片是一類將列表和卡片相結(jié)合的組件形式,盡管它聽起來很像列表,但是在 UI 中這兩者是完全不同的東西——列表卡片首先是一張卡片,其次才是將列表置于卡片之中。
咱們這章就重點說說如何組合元素搭配出有設計感又實用的構(gòu)圖,希望你看完之后能有所收獲。
博博
個人主頁頭部與其說是一個組件,不如說是「在個人頁中一塊聚合信息的區(qū)域」,因為絕大多數(shù)帶個人社交主頁的App,都采用了類似的做法,或有相似的框架,所以我們可以在這里討論這一區(qū)域的通用設計方法。
彈窗是一種瞬態(tài)的交互式視圖,它會在“合適”的時間彈出到頁面的最頂層,并借由用戶的一次點擊完成關(guān)閉。
今天要討論的話題主要是關(guān)于點線面分布分析,這部分知識主要是針對空間層面的,學會后真的可以做到任何一張圖都能拿來直接做。好啦閑話不多說下面開始今天的內(nèi)容。
下面將從 01、版式的組成;02、構(gòu)圖的平衡;03、設計的原則三個方面介紹版式設計的創(chuàng)作思路。
彈窗是一種瞬態(tài)的交互式視圖,它會在“合適”的時間彈出到頁面的最頂層,并借由用戶的一次點擊完成關(guān)閉。在我們習慣的語境中,彈窗僅指模態(tài)彈窗,故這里不討論那些看上去也是彈出式卻非模態(tài)彈窗,那些控件均有自己專門的分類,例如 Toast (吐司提示)。
藍藍設計的小編 http://www.gyxygd.cn