日本一区二区三区在线播放-国产视频一-美女黄网站成人免费视频-奇米中文字幕-日本少妇xxxxx-九九精品99-国产人碰人摸人爱视频-欧美亚洲网站-国产艳妇av在线-在线av网站-久久a久久-可以免费看黄色的网站-国产视频一二-在线播放视频高清在线观看-男人的天堂av网站-久久一二三区-欧美日韩综合一区二区

首頁

寫給產(chǎn)品總監(jiān):UI設(shè)計:軟件產(chǎn)品的“顏值”與“內(nèi)涵”,如何提高軟件產(chǎn)品中的UI設(shè)計水準(zhǔn)?

藍(lán)藍(lán)設(shè)計的小編

作為產(chǎn)品總監(jiān),你一定明白,軟件產(chǎn)品成功的關(guān)鍵在于用戶體驗,而UI設(shè)計正是塑造用戶體驗的核心。簡單來說,UI設(shè)計就是用戶界面的設(shè)計,它決定了用戶如何與你的產(chǎn)品互動,就像產(chǎn)品的“顏值”和“內(nèi)涵”,直接影響用戶的第一印象和使用感受。UI設(shè)計不僅僅是讓界面好看,更重要的是好用。 它需要平衡視覺美感與功能實(shí)用性,讓用戶在使用過程中感到舒適、高效、愉悅。

如何提高軟件產(chǎn)品中的UI設(shè)計水準(zhǔn)? 以下是一些建議:

設(shè)計的意義

藍(lán)藍(lán)設(shè)計的小編

保羅·蘭德說:“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

作為設(shè)計師,設(shè)計是我們的專業(yè),也是我們用來解決商業(yè)問題的工具。

我們過去也許都曾思考過類似設(shè)計的價值、意義或是本質(zhì)之類的問題。思考這類問題在某種意義上或許都是為了當(dāng)我們遇到困難、沖突、低谷或是不確定性的時候給自己找一些能夠堅持下去的理由。

設(shè)計師在從業(yè)的不同階段,對設(shè)計的理解不同。從追求工具技能到表現(xiàn)力、方法論、風(fēng)格到影響行業(yè)甚至社會審美意識等等。不斷的錘煉之后,對設(shè)計意義也會有不同理解。

我們奉為的大師,都擅長用自己的知識架構(gòu)定義對設(shè)計的理解。

保羅·蘭德就是一位我們公認(rèn)的設(shè)計大師、藝術(shù)家。他是當(dāng)今美國乃至世界上最杰出的圖形設(shè)計師、思想家及設(shè)計教育家之一。他最出名的企業(yè)標(biāo)志設(shè)計,包括IBM,UPS,ABC標(biāo)志以及為史蒂夫·喬布斯設(shè)計NeXT.那段經(jīng)典橋段。

去研究這些前輩們?nèi)绾慰创O(shè)計、理解設(shè)計以及如何與設(shè)計相處一生,是另一種設(shè)計哲學(xué)的思辨。

保羅·蘭德說:

“設(shè)計是一種行為,是想象力馳騁的過程和產(chǎn)物。”

設(shè)計表現(xiàn)可能看似是簡單的組裝、排序或是美化的過程,但設(shè)計的過程也是賦予信息意義的過程。不斷的簡化、厘清、修飾甚至可能去說服、去取悅過后,設(shè)計就是把散文變成詩歌的過程。

設(shè)計師是孤獨(dú)的,大部分時候他們是一個人在戰(zhàn)斗。

設(shè)計是個人行為,即便在設(shè)計成熟度較高的國家、企業(yè)或是大型團(tuán)隊,設(shè)計師仍需在一線才能真正掌控在這場戰(zhàn)斗中可能遇到的極其細(xì)節(jié)的變化和給人傳達(dá)的感受。

設(shè)計需要沖突來加深傳達(dá)的“戲劇性”。但設(shè)計過程也面臨種種沖突。這是設(shè)計的商業(yè)價值與藝術(shù)價值平衡的過程。正是因為這種關(guān)心很難平衡,才會出現(xiàn)雇主與設(shè)計師之間的沖突。

企業(yè)的目標(biāo)是達(dá)到商業(yè)、經(jīng)濟(jì)、政治甚至社會性目的。對設(shè)計師而言,設(shè)計是一種創(chuàng)造和實(shí)驗行為。通過這種行為來平衡之前的目標(biāo)。

設(shè)計品質(zhì)最終決定設(shè)計師與核心決策者之間的關(guān)系。關(guān)心越是緊密,設(shè)計的產(chǎn)出就越有可能出彩。這其實(shí)并不難理解,對設(shè)計完成度有高追求的企業(yè),CEO也大多都跟設(shè)計團(tuán)隊或是設(shè)計咨詢公司有較為緊密的往來。就比如蘋果的喬布斯與喬納森是我們都公認(rèn)的CEO與設(shè)計師高緊密度關(guān)系的典范。

當(dāng)今社會,市面上依然存在太多糟糕的設(shè)計。

一來,核心的決策者對設(shè)計專業(yè)的理解度不夠。

二來,很多決策依賴于市場調(diào)研,既得利益的權(quán)重大于長遠(yuǎn)利益。

再就是我們回避不開的話題,設(shè)計師在某種意義上話語權(quán)不夠。

抉擇者很多時候不了解或是存在對某類元素特定的喜好偏見,他們有評價權(quán),但卻缺乏對設(shè)計專業(yè)知識的儲備。所以就會普遍出現(xiàn)外行指導(dǎo)內(nèi)行的情況。過往(現(xiàn)在好一些),他們將設(shè)計師看做一套繪圖工具,一個合作供應(yīng)商而不是一個業(yè)務(wù)團(tuán)隊里重要的組成部門。

體系完整的企業(yè)可能會引入市場調(diào)研團(tuán)隊,調(diào)研團(tuán)隊為營銷提供定位信息,設(shè)計師來解讀和演繹那些信息。如果調(diào)研團(tuán)隊能理解設(shè)計師的工作過程與其產(chǎn)生共鳴,就有可能促成正確決策甚至產(chǎn)生驚喜的創(chuàng)意作品。

但很多時候,我們聽到了太多這樣的回復(fù):

 

我喜歡它;

我不喜歡它;

它太簡單了;

它太復(fù)雜了;

它讓我想起某某...

常常一句“我不喜歡”就可以終結(jié)任何設(shè)計作品。就像當(dāng)初一位IBM的主管第一次看到這個條紋logo時嘲弄到說“這東西讓我想起格魯吉亞的鎖鏈囚犯”。

每個人所能感知的信息都不盡相同。

有人既看不到logo的意義,也看不到它的功能。也正因為過于用喜好而不是專業(yè)去評判,才讓糟糕的設(shè)計一直留存于我們的世界。而大眾對糟糕的設(shè)計要比對好設(shè)計更加熟悉,于是大家習(xí)慣于選擇不好的設(shè)計,因為和他們朝夕相處。

新事物讓人感受到威脅,而舊事物讓人安心。

要判斷一個設(shè)計的內(nèi)在價值,決定性因素不是使用期,而是它所設(shè)定的“品質(zhì)預(yù)期”。這是設(shè)計師的價值,也是設(shè)計師該練就的“知覺”。

何為知覺?

我們可以把知覺暫定為“瞬間的洞悉”。設(shè)計師在做設(shè)計決策的時候大部分都是依賴過往的知識儲備以及慣性技能。不斷的嘗試,都是通過瞬間對各方向的可能性判斷。

本能、預(yù)感、沖動、洞悉之后的綜合“洞悉”,這就是知覺。

說到logo,我們常把logo當(dāng)成品牌價值傳遞的重要符號。

它是一面旗幟、一個簽名、一個路標(biāo)。大部分時候,雇主期待logo能描述一個行業(yè),但歷史上最成功的logo都沒能做到。蘋果、勞斯萊斯、可口可樂、或是IBM等等...不可否認(rèn)的是它們都是歷史上最成功的logo,但它們卻無法做到能傳遞它們的行業(yè)屬性。因為logo遠(yuǎn)不如它所代表的產(chǎn)品重要,它所代表的比它看起來的樣子更重要。


因為只有l(wèi)ogo與它所屬的公司、產(chǎn)品、服務(wù)聯(lián)系起來時,它才具備真正的意義。一流的產(chǎn)品和公司的logo傳遞出一流的形象。反之一個公司如果是二流的,那么它的logo最終也會被歸為二流。

 

 

logo首先要告訴人們“是誰”,而不是“是什么”。這才是它最基礎(chǔ)且最重要的功能。它所扮演的角色就是“指示”。“簡潔”是達(dá)成指示的手段。所以設(shè)計過程中的特點(diǎn)、好記以及清楚都是需要設(shè)計師在打磨細(xì)節(jié)前首先要做好的決策。一個復(fù)雜、挑剔、模糊的設(shè)計潛藏著自我毀滅性的風(fēng)險。

 

“好的設(shè)計帶來好的生意”。但不可否認(rèn),即使不好的設(shè)計,也可能帶來好的生意(比如下圖)。如果這樣,還需要好的設(shè)計么?

好的設(shè)計可以增添額外的附加價值,很多時候,也許光看著它就能給人們帶來快樂。它們更尊重感官,并通過這種友好的感官體驗,給企業(yè)帶來回報。人們更容易記得精美而不是一團(tuán)糟的形象。它折射出一個考慮周全,目標(biāo)明確的企業(yè),反映了它的產(chǎn)品或者服務(wù)的品質(zhì)。所以,這個世界需要好的設(shè)計,設(shè)計師要做的就是用設(shè)計向世界傳遞一些更有價值的觀點(diǎn)。這是設(shè)計師的工作,也是設(shè)計該有的意義。

「大寶推薦閱讀書單之《設(shè)計的意義》」



作者:大寶頻道
鏈接:https://www.zcool.com.cn/article/ZMTQ3ODQzMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

優(yōu)秀的設(shè)計就是帶給用戶驚喜!

藍(lán)藍(lán)設(shè)計的小編

優(yōu)秀的產(chǎn)品設(shè)計是能帶給用戶驚喜的,在不經(jīng)意間讓用戶感受到溫度,也是提升用戶體驗的關(guān)鍵。
 
隨著行業(yè)的進(jìn)步,產(chǎn)品設(shè)計師也在不斷優(yōu)化體驗,輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計,來和大家一起欣賞一下吧!
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
體驗?zāi)夸?/div>
一、降落傘帶來的營銷廣告
二、動效反饋商家備餐過程
三、這個廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機(jī)狀態(tài)下的實(shí)時動態(tài)
六、小圖標(biāo)里的細(xì)節(jié)反思
七、輪播式的懸浮設(shè)計
八、氛圍熱烈的底部標(biāo)簽欄
九、收縮式交互設(shè)計
十、形象化的進(jìn)度設(shè)計
 
 
一、降落傘帶來的營銷廣告
在這個廣告滿天飛的年代,用戶已經(jīng)逐步開啟廣告免疫模式,如何提高用戶對廣告的關(guān)注度至關(guān)重要。
 
近期在體驗餓了么時,等待送餐界面中空降一個降落傘,從左上角飄到右側(cè)懸浮,彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關(guān)注度,進(jìn)而提高了營銷廣告的點(diǎn)擊率,雖然廣告大家都比較反感,但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
二、動效反饋商家備餐過程
提升等待過程對于用戶體驗來說尤為重要,降低用戶等待過程中的焦慮感,才能讓用戶愿意為此停留。
 
通過餓了么點(diǎn)餐之后,商家需要一定的時間完成餐飲的制作,必然需要用戶等待一些時間。在這個備餐過程中,當(dāng)前界面以一個翻炒動效表達(dá),情感化的動效不僅提示用戶當(dāng)前狀態(tài),也提升了設(shè)計表達(dá)的感官體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
三、這個廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗騰訊視頻 App 時,從閃屏廣告過度到 Banner 圖的過程中,經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式,再演變到放大版的多個廣告切片(占 Banner 位呈現(xiàn)),最后再恢復(fù)到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了,讓你對廣告的記憶形成硬性要求。
 
無論這個廣告設(shè)計方案是否讓用戶反感,但是這個呈現(xiàn)的互動方式還是比較新穎的,相信廣告的點(diǎn)擊率必然有所提升。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的,各類形式的演變也層出不窮,產(chǎn)品設(shè)計師都在探索更多可能性。
 
在騰訊視頻 App 動漫欄目中,發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效,提升了整體的氛圍感,動效與 Banner 畫面完美貼合,視覺沉浸感十足。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
五、待機(jī)狀態(tài)下的實(shí)時動態(tài)
隨時讓用戶感受到你的存在,才能讓人感到安心,服務(wù)過程中狀態(tài)實(shí)時可見至關(guān)重要。
 
通過餓了么點(diǎn)餐之后,就算處于待機(jī)狀態(tài)時,只要點(diǎn)亮屏幕即可看到當(dāng)前出餐狀態(tài)。可視化的圖形結(jié)合時間提醒,讓狀態(tài)一目了然,使得點(diǎn)餐到用餐之間的過程更有用戶可控性。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
六、小圖標(biāo)里的細(xì)節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo),既要能準(zhǔn)確表達(dá)主題,也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標(biāo)案例,在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓,不僅不會影響掃描的功能表達(dá),也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同,這個是對準(zhǔn)汽車進(jìn)行掃描,體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計師的能力,用最簡單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
七、輪播式的懸浮設(shè)計
懸浮設(shè)計非常普及,因為占比小和滑動頁面會隱藏,對用戶的干擾比較小。
 
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá),芒果卡和活動中心會自動輪播顯示(也能手動切換)。讓我們對懸浮窗口的設(shè)計又多了一種設(shè)計理解,可以呈現(xiàn)更多不同內(nèi)容的表達(dá),提升了窗口的利用率。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
八、氛圍熱烈的底部標(biāo)簽欄
底部標(biāo)簽欄的設(shè)計在圖標(biāo)創(chuàng)意層面發(fā)揮較多,各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。
 
近期恰逢芒果 TV 十周年之際,在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色,結(jié)合主題化的圖標(biāo)設(shè)計,使得整體氛圍感拉滿。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
九、收縮式交互設(shè)計
通過交互方式應(yīng)對用戶操作過程,特別是在滑動界面時,交互方式的優(yōu)化可以降低干擾,提高當(dāng)前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面,默認(rèn)以 3D 動態(tài)圖標(biāo)展示“開始創(chuàng)作”按鈕,當(dāng)滑動界面時按鈕會收縮展示。通過收縮式的交互設(shè)計,讓界面可以展示更多內(nèi)容,也不會影響用戶點(diǎn)擊按鈕進(jìn)行創(chuàng)作。即通過 3D 動效加強(qiáng)了功能的曝光度,又通過收縮式交互提高了內(nèi)容的展示空間,可謂是一舉多得的設(shè)計解決方案。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
十、形象化的進(jìn)度設(shè)計
進(jìn)度設(shè)計是反饋狀態(tài)變化的關(guān)鍵,通過可視化的表達(dá)讓用戶一目了然,提高用戶對服務(wù)過程的把控。
 
當(dāng)用戶通過攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過可視化的列車形象的表達(dá)了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達(dá)站點(diǎn)示意。不僅信息傳遞高效,形象的表達(dá)也使得感官體驗更佳。
優(yōu)秀的設(shè)計就是帶給用戶驚喜!
 
 
 
 
小結(jié)
優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜,讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點(diǎn)僅代表個人體會,希望可以和大家一起共勉。
 
作者:黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTYxODE4MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析

藍(lán)藍(lán)設(shè)計的小編

 
 
 
面向企業(yè)用戶、注重效率與管理、解決企業(yè)痛點(diǎn)、技術(shù)與服務(wù)并重、決策過程復(fù)雜
B端關(guān)注的是如何通過技術(shù)手段賦能企業(yè),提升其業(yè)務(wù)處理能力和管理效能,是企業(yè)間或企業(yè)內(nèi)部運(yùn)作不可或缺的工具和服務(wù)。
彈窗-聚焦任務(wù)處理與即時提醒的高效交互工具;作為一種常見的交互設(shè)計元素,在提升用戶體驗和效率方面扮演著重要角色。
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
精通B端界面設(shè)計:揭秘7大彈窗類型及其實(shí)戰(zhàn)案例分析
 
 
 


作者:Miao_C
鏈接:https://www.zcool.com.cn/article/ZMTYyNDEwMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

每個設(shè)計都讓你感受到個性化

藍(lán)藍(lán)設(shè)計的小編

隨著同類型產(chǎn)品越來越多,更有體驗感和個性化的設(shè)計才能打動用戶,成為被選擇的對象。作為產(chǎn)品設(shè)計師我們在不斷探索和創(chuàng)新,希望以更好的設(shè)計表達(dá)來解決業(yè)務(wù)場景,為提升用戶體驗而助力。
 
本期以個性化設(shè)計為出發(fā)點(diǎn),給大家?guī)硎畟€不錯的設(shè)計方案,希望可以帶給大家更多設(shè)計靈感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
體驗?zāi)夸?/div>
一、讓你感受溫暖的年度報告
二、趣味性的圖標(biāo)設(shè)計
三、通過 AI 重新定義搜索體驗
四、動態(tài)化功能引導(dǎo)產(chǎn)品升級
五、動態(tài)優(yōu)惠券更有吸引力
六、人性化的溫馨提示設(shè)計
七、自定義形象的年度報告
八、個性化的主界面設(shè)置
九、情感化的表情設(shè)置
十、空間感的 Banner 輪播體驗
 
 
 
一、讓你感受溫暖的年度報告
這段時間相信大家經(jīng)常使用的產(chǎn)品都曬出了年度報告,設(shè)計風(fēng)格與互動形式也層出不窮,哪一個產(chǎn)品的設(shè)計風(fēng)格最打動你呢?
 
在我刷到的年度報告中,攜程旅行的年度旅行報告印象最深刻。毛茸茸的設(shè)計風(fēng)格在寒冷的冬季顯得格外溫暖,圖標(biāo)、字體、背景、按鈕等都以此風(fēng)格進(jìn)行設(shè)計,整體效果非常細(xì)膩柔軟,你也去體驗感受一下吧!
每個設(shè)計都讓你感受到個性化
 
 
 
 
二、趣味性的圖標(biāo)設(shè)計
圖標(biāo)在產(chǎn)品中主要以各種設(shè)計風(fēng)格形成差異,打造出匹配品牌風(fēng)格的個性設(shè)計,除此以外,我們也要多在圖形創(chuàng)意表達(dá)層面進(jìn)行探索。
 
最近在使用極兔速遞小程序時,除了圖標(biāo)設(shè)計的風(fēng)格獨(dú)特以外,多個場景的圖形創(chuàng)意也很有意思。比如下單寄件、掃碼寄件和個人中心的圖標(biāo)等,趣味性的設(shè)計表達(dá)讓人印象深刻,以個性化的圖形創(chuàng)意吸引用戶的注意力。
每個設(shè)計都讓你感受到個性化
 
 
 
 
三、通過 AI 重新定義搜索體驗
AI 化已經(jīng)成為眾多行業(yè)未來需要對接的方向,任何行業(yè)都可以通過 AI 進(jìn)行重新定義,帶給用戶 AI 化的體驗。
 
以前在騰訊視頻 App 搜索時都是以關(guān)鍵詞為主,現(xiàn)在可以通過 AI 搜與騰訊元寶 AI 助手交流,以對話式的方式找到感興趣的影片。通過 AI 重新定義了搜索方式,讓用戶感受到屬于 AI 化的體驗感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
四、動態(tài)化功能引導(dǎo)產(chǎn)品升級
引導(dǎo)用戶升級產(chǎn)品才能帶來新的功能和服務(wù)升級,如何吸引用戶進(jìn)行升級變得至關(guān)重要。
 
高德地圖為了引導(dǎo)用戶點(diǎn)擊升級,以升級后帶來的更優(yōu)功能和服務(wù)為吸引點(diǎn),通過動態(tài)輪播的形式表現(xiàn)升級彈窗。動態(tài)化的功能引導(dǎo)可以讓用戶提前了解新版本的信息,提高用戶升級的選擇性。
每個設(shè)計都讓你感受到個性化
 
 
 
 
五、動態(tài)優(yōu)惠券更有吸引力
各種優(yōu)惠券、打折券、新人紅包等讓用戶開始有點(diǎn)麻木,也不一定會領(lǐng)取和使用,如何增加其吸引力就變得越來越重要了。
 
近期高德地圖打車欄目的營銷活動中,為了展示更多類型的打車券、打車金等,通過動態(tài)輪播的方式進(jìn)行設(shè)計表達(dá)。相較于靜態(tài)展示而言,不僅解決了內(nèi)容展示的數(shù)量問題,動態(tài)的方式也更有吸引力,增加用戶的參與概率。
每個設(shè)計都讓你感受到個性化
 
 
 
 
六、人性化的溫馨提示設(shè)計
溫馨提示雖然不一定管用,但是依然可以讓用戶感受到人性化的服務(wù),增加用戶對產(chǎn)品的好感度。
 
在比較晚的時間段使用洪恩識字 App 時,會出現(xiàn)溫馨提示的彈窗,勸導(dǎo)用戶注意休息時間。人性化的設(shè)計可以輔助家長管理孩子的使用習(xí)慣,提醒注意時間管理和作息規(guī)律。
每個設(shè)計都讓你感受到個性化
 
 
 
 
七、自定義形象的年度報告
年度報告的形式豐富多樣,都是以用戶個人數(shù)據(jù)生成,如何才能更加個性化,成為了設(shè)計表達(dá)的重點(diǎn)。
 
網(wǎng)易云音樂的年度聽歌報告可以自定義形象,可以針對身體的上中下三個部分進(jìn)行定制,以個性化的形象開啟專屬的聽歌報告。整體表達(dá)很有設(shè)計感,圖形、排版與配色都很不錯,快去生成屬于你的聽歌報告吧!
每個設(shè)計都讓你感受到個性化
 
 
 
 
八、個性化的主界面設(shè)置
對于感官體驗每個人的喜好各不相同,為了滿足各自的選擇需求,個性化的設(shè)置變得尤為重要。
 
體重小本 App 的主界面,可以通過主題皮膚設(shè)置背景、配色等,提供了煥彩粉和清爽藍(lán)的多款選擇,用戶也可以自定義圖片進(jìn)行設(shè)置。通過個性化的設(shè)置帶給用戶更多選擇性,滿足不同的感官體驗需求。
每個設(shè)計都讓你感受到個性化
 
 
 
 
九、情感化的表情設(shè)置
通過表情設(shè)計輔助可視化表達(dá),其中表情符號的運(yùn)用較為常見,豐富多樣的表情選擇更能滿足用戶需求。
 
體重小本 App 體重數(shù)據(jù)展示中,以不同表情來體現(xiàn)體重數(shù)據(jù)的變化,情感化的表達(dá)讓變化的呈現(xiàn)更加貼切。產(chǎn)品提供了多款表情供用戶選擇,用戶也可以設(shè)置自定義表情,情感化的設(shè)置讓體驗感變得更加豐富。
每個設(shè)計都讓你感受到個性化
 
 
 
 
十、空間感的 Banner 輪播體驗
輪播 Banner 圖在設(shè)計表達(dá)、布局結(jié)構(gòu)、輪播形式等層面都可以進(jìn)行創(chuàng)意發(fā)揮,有特點(diǎn)的形式更能吸引注意力,以此提高 Banner 的點(diǎn)擊率。
 
最近在體驗芒果 TV 時,發(fā)現(xiàn)首頁 Banner 的表現(xiàn)形式以分層式表達(dá),輪播過程中更有空間感。將人物與背景進(jìn)行分層設(shè)計,輪播時分前后入場,伴隨著縮放等動效表達(dá),營造出更強(qiáng)的空間感。
每個設(shè)計都讓你感受到個性化
 
 
 
 
小結(jié)
設(shè)計思維的轉(zhuǎn)變離不開大量優(yōu)秀案例的輔助,對于產(chǎn)品設(shè)計師來說,體驗和總結(jié)的訓(xùn)練至關(guān)重要。希望本期的分享可以帶給大家一些啟發(fā),觀點(diǎn)屬于個人見解,不足之處歡迎大家留言補(bǔ)充。
 
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。
 


作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTY1MDA0OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

大屏數(shù)據(jù)界面設(shè)計:解鎖數(shù)據(jù)可視化的新境界

藍(lán)藍(lán)設(shè)計的小編

在數(shù)字化轉(zhuǎn)型的浪潮中,大屏數(shù)據(jù)展示已成為企業(yè)決策支持、運(yùn)營監(jiān)控及信息展示的重要窗口。一個精心設(shè)計的大屏數(shù)據(jù)界面,不僅能夠?qū)崟r匯聚海量數(shù)據(jù),以直觀、生動的方式呈現(xiàn)關(guān)鍵信息,還能有效提升團(tuán)隊協(xié)作效率,助力管理層快速做出精準(zhǔn)決策。以下,我們將深入探討大屏數(shù)據(jù)界面設(shè)計的核心要素與實(shí)踐策略,為您解鎖數(shù)據(jù)可視化的新境界。

一、明確設(shè)計目標(biāo):以用戶為中心

(一)用戶需求分析

設(shè)計之初,首要任務(wù)是深入理解目標(biāo)用戶群體的需求與偏好。這包括但不限于他們的信息獲取習(xí)慣、決策關(guān)注點(diǎn)以及對于視覺效果的接受度。通過問卷調(diào)查、訪談或工作坊等形式,收集用戶反饋,確保設(shè)計貼合實(shí)際需求。

(一) 業(yè)務(wù)場景定位

大屏的應(yīng)用場景多樣,如控制中心、會議室展示、銷售業(yè)績分析等。明確應(yīng)用場景,有助于確定信息的優(yōu)先級展示、布局風(fēng)格及交互邏輯,使界面更加貼合業(yè)務(wù)場景,提升信息傳達(dá)效率。

二、數(shù)據(jù)可視化策略:直觀與深度并重

(一) 選擇合適的圖表類型

根據(jù)數(shù)據(jù)類型及展示目的,合理選擇圖表類型(如柱狀圖、折線圖、餅圖、熱力圖等)。優(yōu)秀的圖表設(shè)計應(yīng)能在第一眼吸引注意力,同時準(zhǔn)確傳達(dá)數(shù)據(jù)背后的故事。

(二)數(shù)據(jù)層次清晰展現(xiàn)

利用顏色、大小、位置等視覺元素區(qū)分?jǐn)?shù)據(jù)的重要性,構(gòu)建清晰的信息層次。重要數(shù)據(jù)應(yīng)突出顯示,輔助信息則以更柔和的方式呈現(xiàn),避免信息過載。

(三)動態(tài)交互增強(qiáng)體驗

加入動態(tài)效果(如數(shù)據(jù)滾動、實(shí)時更新、交互篩選等),使大屏界面更加生動,增強(qiáng)用戶體驗。同時,確保交互設(shè)計直觀易懂,降低學(xué)習(xí)成本。

三、美學(xué)與實(shí)用性并重:打造視覺盛宴

(一) 色彩與布局的藝術(shù)

色彩搭配需考慮品牌調(diào)性、情感表達(dá)及視覺舒適度。布局上,遵循“F型”或“Z型”閱讀模式,引導(dǎo)用戶視線流動,確保重要信息一目了然。

(二)字體與圖標(biāo)的選用

選用清晰易讀的字體,大小適中,確保在各種觀看距離下都能輕松閱讀。圖標(biāo)應(yīng)簡潔明了,符合國際通用標(biāo)準(zhǔn),輔助信息傳遞。

(三)響應(yīng)式設(shè)計

考慮到不同屏幕尺寸和分辨率的適配性,采用響應(yīng)式設(shè)計原則,確保大屏內(nèi)容在各種展示環(huán)境下都能保持最佳視覺效果。

四、持續(xù)優(yōu)化與迭代

(一) 數(shù)據(jù)反饋機(jī)制

建立數(shù)據(jù)反饋機(jī)制,收集用戶對界面布局、信息準(zhǔn)確性及交互體驗等方面的反饋,作為后續(xù)優(yōu)化的依據(jù)。

(二)技術(shù)與內(nèi)容的同步更新

隨著業(yè)務(wù)發(fā)展和技術(shù)進(jìn)步,定期評估并更新大屏界面,引入新技術(shù)(如AR/VR、AI分析)和數(shù)據(jù)可視化工具,保持界面的先進(jìn)性和實(shí)用性。

58.png

B端用戶中心設(shè)計剖析:構(gòu)建高效、定制化的企業(yè)服務(wù)平臺

藍(lán)藍(lán)設(shè)計的小編

一、引言 在數(shù)字化轉(zhuǎn)型的大潮中,B端(Business-to-Business)服務(wù)市場日益繁榮,企業(yè)對高效、智能化、定制化的業(yè)務(wù)管理系統(tǒng)需求迫切。B端用戶中心作為連接企業(yè)與服務(wù)商的關(guān)鍵橋梁,其設(shè)計不僅關(guān)乎用戶體驗,更直接影響到企業(yè)的運(yùn)營效率與市場競爭力。本文將從設(shè)計原則、功能模塊、用戶體驗及數(shù)據(jù)安全四個維度,深入剖析B端用戶中心的設(shè)計要點(diǎn)。 二、設(shè)計原則 ...

UI 設(shè)計公司蘭亭妙微分享:人工智能大模型管理平臺UI設(shè)計

藍(lán)藍(lán)設(shè)計的小編

一、項目背景

(一)在當(dāng)下數(shù)字化浪潮中,各類大模型如語言、圖像生成模型不斷涌現(xiàn),企業(yè)與機(jī)構(gòu)對其應(yīng)用需求激增。然而,模型開發(fā)流程繁瑣、部署成本高昂,不同模型間數(shù)據(jù)交互與共享困難重重。同時,模型性能優(yōu)化、安全管理等問題亟待解決。在此背景下,大模型管理平臺應(yīng)運(yùn)而生,它旨在整合資源,簡化模型開發(fā)與部署流程,提升模型性能與安全性,為各行業(yè)高效利用大模型提供有力支持,助力人工智能技術(shù)深度融入業(yè)務(wù)。

(二)該系統(tǒng)的原首頁中信息量比較少,在設(shè)計時除了對頁面美觀的優(yōu)化,從內(nèi)容、布局、用戶使用場景、使用習(xí)慣、交互方式等方 面也進(jìn)行考慮,增加了一些統(tǒng)計的圖表, 「歷史訪問信息」采用卡片式列表,突出模塊和內(nèi)容。同時增加「個人上傳記錄」信息和「歷史訪問信息」可以進(jìn)行 切換查看。

二、項目概述

(一)產(chǎn)品定位

大模型管理平臺定位為人工智能領(lǐng)域的核心樞紐。它是模型全生命周期的智慧管家,從研發(fā)時整合數(shù)據(jù)與算法資源,到部署時適配多元硬件環(huán)境,再到運(yùn)營中實(shí)時監(jiān)測性能,全方位守護(hù)。同時,它也是跨行業(yè)的賦能引擎,為金融、醫(yī)療、制造等行業(yè)提供定制化模型服務(wù),加速業(yè)務(wù)智能化轉(zhuǎn)型。

(二)目標(biāo)用戶

大模型管理平臺的目標(biāo)用戶廣泛且多元。科技企業(yè)研發(fā)團(tuán)隊、金融機(jī)構(gòu)從業(yè)者、醫(yī)療行業(yè)的研究人員和臨床醫(yī)生、教育領(lǐng)域的課程開發(fā)者與教育科技企業(yè)。此外,政府部門進(jìn)行城市規(guī)劃、交通管理等決策時,也能從平臺獲取支持。這些用戶都期望通過大模型管理平臺,挖掘數(shù)據(jù)價值,實(shí)現(xiàn)業(yè)務(wù)的智能化升級 。

(三)設(shè)計風(fēng)格

系統(tǒng)首頁重構(gòu)信息組織架構(gòu),豐富信息 和數(shù)據(jù),同時頁面采用精美的圖標(biāo)和小 插圖提高頁面的精細(xì)美觀度。 設(shè)計風(fēng)格采用簡約的設(shè)計語言,清晰、 簡潔和直觀的表達(dá)方式,模塊化布局, 強(qiáng)調(diào)的是界面強(qiáng)調(diào)可復(fù)用性和通用性, 配色采用經(jīng)典藍(lán)色,藍(lán)色具有很好的兼 容性,可以與多種顏色搭配使用,形成 和諧的視覺效果。

level2_img.jpg.png

三、設(shè)計亮點(diǎn)

(一)流程圖設(shè)計前后對比

「模型仿真評估流程」是首頁的主要功能區(qū),在模塊布局上加中 比例成為頁面的聚焦區(qū)域,每個節(jié)點(diǎn)采用小插圖,插圖方便復(fù)制 及拓展、修改,提升設(shè)計開發(fā)效率,技術(shù)實(shí)現(xiàn)便捷,落地相對成 本低。增加了背景圖案,使該模塊更加有空間感,同時增加了整 個頁面的靈動性。

level3_img1.png

(二)增加統(tǒng)計圖表

圖表能夠直觀地展示關(guān)鍵數(shù)據(jù),使用戶一目了然地了解整體情況, 快速把握數(shù)據(jù)的變化趨勢和規(guī)律。其次,統(tǒng)計圖表有助于提升用 戶對數(shù)據(jù)的理解和分析能力,通過視覺化的方式展現(xiàn)數(shù)據(jù)間的關(guān) 聯(lián)和差異,降低理解難度,提高決策效率。同時,美觀的統(tǒng)計圖 表也能提升系統(tǒng)首頁的整體視覺效果,吸引用戶的注意力,增加 用戶的粘性。該區(qū)域后期也可以根據(jù)實(shí)際需求換成其它內(nèi)容。

level3_img2.png

四、首頁其他方案欣賞

level4_img.jpg.png

蘭亭妙微(www.vcbhc.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

平面設(shè)計:創(chuàng)意與視覺的交響

藍(lán)藍(lán)設(shè)計的小編

一、平面設(shè)計的定義與意義 平面設(shè)計,簡而言之,是通過文字、圖形、色彩等視覺元素,在二維空間內(nèi)進(jìn)行創(chuàng)意性的組合與排列,旨在達(dá)到特定的信息傳遞和審美目的。它超越了簡單的排版和美化,是一種藝術(shù)創(chuàng)造,體現(xiàn)了設(shè)計師對世界的獨(dú)特理解和表達(dá)。 二、創(chuàng)意:平面設(shè)計的靈魂 在平面設(shè)計中,創(chuàng)意是不可或缺的靈魂。一個好的設(shè)計作品往往憑借其獨(dú)特的創(chuàng)意,讓人眼前一亮,留下深刻印象。設(shè)...

日歷

鏈接

個人資料

存檔

雷州市| 博罗县| 罗甸县| 苍山县| 武安市| 邢台县| 高密市| 双鸭山市| 孙吴县| 泾川县| 大田县| 同德县| 宁化县| 宜黄县| 宜宾市| 成安县| 东至县| 潮州市| 昌江| 确山县| 那曲县| 长岛县| 南昌县| 涪陵区| 子长县| 巴楚县| 盱眙县| 临清市| 新兴县| 台中市| 通辽市| 慈溪市| 克什克腾旗| 亳州市| 法库县| 冀州市| 杭锦后旗| 仙桃市| 九江市| 五台县| 兰西县|