對於 UI 設計師而言,UI 的技能和對交互的理解都是必不可少的能力,交互為體,UI為用,兩者缺一不可。如何將兩者更好地結合起來?上周的文章當中,有答案。
UI·交互
微信在3.23號上線了傳聞已久的 「暗黑版」,用來適配 iOS 的深色模式,相信不少同學已經安裝並體驗上了,雖然網上有很多批評的聲音,但我們先別急着參与網上的聲討,現在站在設計師的角度,來評價一下遲到的微信深色模式:
如何評價微信新上線的深色模式?來看總監級的分析!
微信在3.23號上線了傳聞已久的 「暗黑版」,用來適配 iOS 的深色模式,相信不少同學已經安裝並體驗上了,現在站在設計師的角度,來評價一下遲到的微信深色模式。
閱讀文章 >>
這兩篇實用性極強的文章,都來自同一個資深設計師 Taras Bakusevych,他通過大量的商業實戰項目之後總結下來的經驗,總結得非常到位——相比於抽象的原則,他梳理的經驗和建議非常實在,其中的一些想法和總結無疑是在大量的實戰踩坑當中沉澱下來的:
多年可視化設計老司機,給你梳理了這10條避坑提速指南
每一個優秀的控制面板的設計,其實都來之不易。根據我的經驗,我整理來10條非常有用的建議,它將會為你提供幫助。
閱讀文章 >>
研究了上百個案例之後,有了這套保姆級產品重設計指南
隨着時間的推移,很多產品需要針對功能、 體驗、 視覺進行全面的升級,這個時候產品的重設計就不可避免了。
閱讀文章 >>
在界面落地后,「標籤欄」恰巧是在表現層層面向用戶展現產品框架的最直接控件。雖然設計好標籤欄,也許依舊無法讓你把控一個產品的體驗走向,畢竟戰略層、範圍層、結構層也是很重要的。但如果框架層和表現層垮了,那用戶體驗一定是糟糕的,並且和你有最直接的關係。那麼體驗優秀的「標籤欄」要怎麼設計呢?看這裏:
用三期乾貨,全方位解析「標籤欄」控件設計
本系列將分三期全方位解析如何做好標籤欄設計,第一期先從 iOS 人機交互規範和 Google Material Design 平台規範切入,來系統梳理一下「標籤欄」。
閱讀文章 >>
隨着大數據產業的蓬勃發展,很多企業都開始應用數據可視化。所以數據可視化設計,絕對是熱門的設計之一。很多 UI 設計師突然會接到公司數據可視化設計的需求,如果不了解數據可視化設計,肯定是一頭霧水,不知從何入手。這篇文章結合最近設計案例,分享大屏可視化設計過程中遇到的一些問題以及設計思路,供大家一起交流與學習:
實戰經驗!可視化大屏設計案例全方位復盤!
本文結合最近設計案例,分享大屏可視化設計過程中的遇到的一些問題以及設計思路,供大家一起交流與學習。
閱讀文章 >>
為什麼那麼多人覺得應該先學UI設計再學交互設計?因為UI門檻低所以入手快。但是,交互比UI更早出現,從需求理論可以看出人們在追逐主觀體驗的感受,在基礎需求未被滿足前是不會出現更高層次的需求的。如果底層的交互和產品的可用性未被滿足,那麼UI做的再好也是徒勞,這篇文章,具體分析了這個這當中的原理:
為什麼高手建議學UI之前,先懂點交互?
為什麼那麼多人覺得應該先學UI設計再學交互設計,因為UI門檻低所以入手快。但本文用 8000 多字的乾貨,告訴你為什麼應該先學點交互。
閱讀文章 >>
UI 和交互這兩個詞彙是一對孿生兄弟,有非常密切的聯繫,我們在前期了解 UI 的時候「交互」這個詞總是形影不離,出現的頻次極高。但是,從開始學習 UI 起,我們常常被它困擾,並不是苦於如何在實戰中應用,而是在中文語境下,交互有關的詞義實在是太「玄學」了,那麼怎麼來通俗地理解它呢?看這裏:
用接地氣講人話的方式,講下什麼叫交互
網絡上各種交互常識的表達往往是難以理解的,也很容易導致我們的知識框架不清晰、混亂的情況。用一篇文章對交互基本常識進行掃盲,以最接地氣的方式讓你快速地了解入門知識點!
閱讀文章 >>
也許你對於交互設計有相對清晰的概念,但是對於最常見的交互設計概念真的有足夠清晰的理解、能夠進行準確的表達嘛?這篇文章梳理了10個交互設計必懂的基礎術語:
新人來收!10 個學交互設計必須懂的基礎術語科普
本文總結了 10 個常見的交互設計基礎術語,幫新人快速入門。
閱讀文章 >>
視覺·排版
在人的視覺層次中,色彩佔據着第一順位,最先被人的視覺所感知,所以較圖形、文字有着在短暫的時間中吸引觀眾視覺注意力的顯著效果,而且有效距離也更遠。好的配色往往依靠設計師審美、感覺搭配出來,但合理的顏色搭配必定存在合理的配色規律和配色方法論的支撐,這篇文章總結了一些簡單有效的配色方法,希望能給新手「色」計師一些啟發:
超多案例!寫給新手設計師的配色攻略(一)
好的配色往往依靠設計師審美搭配出來,但合理的顏色搭配必定存在合理的配色規律和配色方法論的支撐,本期分享簡單有效的配色方法,希望能給新手一些啟發。
閱讀文章 >>
超多案例!寫給新手設計師的配色攻略(二)
繼上期講解確定主色調的四種方法后,本期將繼續講解如何選擇副色和點綴色。併為大家推薦3種實用方法,幫助大家成為合格的「色」計師。
閱讀文章 >>
色彩是感性的元素,我們總是仰慕一些對色彩天賦異稟的設計師,總能不拘繩墨給作品帶來驚艷的視覺效果。我們難以偷習他們的天賦,但或許你有沒有想過,乾脆我們另闢蹊徑,用理性推導來制定一套色彩系統?這裡有方法:
用一個實戰項目,幫你掌握科學的 UI 配色方法
如何讓色彩的搭配平衡,是 UI 設計師需要修鍊的一課。今天我用我的項目示例,教給大家一個科學推導顏色搭配的方法。
閱讀文章 >>
設計稿都做了 100 版了,但產品經理還是不滿意,是設計不行嗎?產品目標、用戶目標都標得清楚了,但總找不好設計關鍵詞?產品目標明確了,設計關鍵詞也有了,但為什麼做出來的稿子不是太概念,就是跟競品太像呢?這篇文章,通過分析如何解決類似「產品經理不滿意、設計關鍵詞不對、設計風格無區別」這些問題,整理出 7 個幫你從 0 ~ 1 設計一款軟件的步驟:
如何從零到一設計產品?有道設計師總結了這7個步驟!
大廠高手總結的超實用軟件設計 7 步驟,讓你輕鬆設計出產品經理一稿過,設計風格明確,用戶粘性高的軟件!
閱讀文章 >>
這篇文章來自設計師 「簫灬西人生」,從實習期間無從下手到現在的輕車熟路,他將這幾年的圖標設計的流程和經驗借用疫情在家休假的時間,梳理了出來:
掏空家底!圖標設計落地全方位指南
這一期真的是掏空了職業經驗,總結出一套圖標製作與落地方法,內容涵蓋真實項目中的大多數坑點。
閱讀文章 >>
你是否會在閱讀文章的時候覺得很吃力?在閱讀過程中市場迷惑在換行過程中?其實這樣的問題都是文字編排不當引起的。文章正文強調的是文本「讀」的功能性,版面中內容多則用戶需要長時間閱讀,這個時候,合理的排版就很重要了。吸納個要提高閱讀的流暢性和舒適度,有哪些技巧呢?戳這裏:
教你9個正文編排技巧,從新手進階優秀設計師
你是否在閱讀過程中一次次迷失在文字換行中,導致閱讀體驗極差?本文為大家提供 9 個正文編排小技巧,分享如何通過合理排版,提升閱讀體驗的方法,希望對你有所啟發。
閱讀文章 >>
神器·乾貨
接下來要推薦兩款實用性極強的開源免費字體:「未來熒黑」和「jf open 粉圓」,這兩款字體前者是基於思源黑體修改而來,後者則是基於「小衫圓體」來修改,兩者都是免費可商用,快來下載吧:
免費商用字體「未來熒黑」開放下載!5種字寬+9種字重超好用!
未來熒黑是一個基於思源黑體、Fira Sans和Raleway的開源字體項目,支持簡體中文、繁體中文與日文。重點是免費可商用!
閱讀文章 >>
又一款免費可商用的中文字體!Open 粉圓字體火熱下載中
Open 粉圓是由台灣 JustFont 團隊改造日本字體而來,適合可愛圓潤的使用場景,可以免費用於商業用途,快來下載!
閱讀文章 >>
時代已經改變,怎麼能不享受智能化帶來的便利呢?今天就給大家帶來一個智能又好玩的網站。在「AI智能換臉」這個網站上,你只需要動動手指,就可以輕鬆換臉成為大片中的角色,契合度高達 80%:
電視劇智能換臉怎麼做到的?這個在線網站可以幫你!
今天就給大家帶來一個智能又好玩的網站。在「AI智能換臉」這個網站上,你只需要動動手指,就可以輕鬆換臉成為大片中的角色,契合度高達 80%
閱讀文章 >>
這篇神器兩連發為大家帶來兩個動聽、美麗又實用的網站,一個是關於海洋的聲音網站,閉上眼睛,就能夠滿足你想要去海邊,聽大海聲音的願望;另一個是可以免費生成簡單的矢量雪花圖案的網站,調節參數可以改變雪花的粗細和疏密程度,上百種雪花樣式為你所用:
酷站兩連發!矢量雪花圖免費生成器+在線解壓網站
本文分享的兩個網站,一個能免費生成超過上百種樣式的矢量雪花圖案,一個能讓你足不出戶聽到海洋的聲音,每個都值得收藏書籤!
閱讀文章 >>
未经-摩登3注册-摩登3测速官网-允许不得转载:摩登3注册-摩登3测速官网 » 杏耀註冊平台官網_壹周速讀:交互是如何影響着 UI 設計的?