欧美videos另类精品-欧美videos另类极品-欧美vide-欧美va在线视频-欧美va在线观看-欧美va在线播放免费观看

首頁(yè)

為什么如今的APP UI設(shè)計(jì)如此的趨同?這也許是件好事!

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里




現(xiàn)在,當(dāng)你打開(kāi) Instagram、Airbnb、Apple Music、Twitter、Dropbox 這些應(yīng)用的時(shí)候,乍一看很難區(qū)分清楚彼此的區(qū)別:帶有圓潤(rùn)邊緣、現(xiàn)代感極強(qiáng)的非襯線(xiàn)字體大標(biāo)題,極簡(jiǎn)的黑白色調(diào)為主的界面,大量的留白,少量的提亮色甚至沒(méi)有提亮色。

這種現(xiàn)代的界面設(shè)計(jì)風(fēng)格,乍一看很簡(jiǎn)陋。而具有諷刺意味的地方在于,它們出自于最大的公司,是也是受眾最廣的產(chǎn)品,在視覺(jué)觀感上,讓人覺(jué)得幾乎沒(méi)有被設(shè)計(jì)過(guò)。

Instagram 的深藍(lán)的頁(yè)頭怎么變了?Lyft 中經(jīng)典的亮粉色元素怎么不見(jiàn)了?這些有著深厚底蘊(yùn)的品牌是否已經(jīng)放棄了標(biāo)識(shí)性的設(shè)計(jì)?又或者是它們開(kāi)始共享相同的模板了?

問(wèn)題在于,這不止是 Instagram 和 Lyft 這樣了,有跡象表明,Google 這樣的大廠(chǎng)也有類(lèi)似的傾向。比如Gmail 中標(biāo)志性的紅色大幅度減少,白色的背景,白色的交互按鈕,白色的輸入框,其他的Ui控件都很精準(zhǔn)到位地保持了這種簡(jiǎn)約而一致的風(fēng)格。

身在硅谷的大型企業(yè),互相之間的借鑒學(xué)習(xí)是常有的事兒,但是至少保持了足夠的差異化。但是現(xiàn)在的局面則不同,這種高度趨同的趨勢(shì),讓整個(gè)事情看起來(lái)非常反直覺(jué)。

到底是怎么回事?

好吧,我們認(rèn)為產(chǎn)品設(shè)計(jì)的一致性是好事情,這里有幾個(gè)值得注意的原因。


讓用戶(hù)更加關(guān)注內(nèi)容和結(jié)果

對(duì)于大量APP 的視覺(jué)和信息疲勞是誰(shuí)都無(wú)法忽略的真實(shí)存在,絕大多數(shù)人已經(jīng)厭倦了在太多應(yīng)用之間來(lái)回切換,每一次下載新的應(yīng)用都要花費(fèi)大量的時(shí)間來(lái)重新了解界面的設(shè)計(jì)

調(diào)研表明,超過(guò)四分之一的應(yīng)用,在首次下載之后,用戶(hù)只用過(guò)一次就卸載了。絕大多數(shù)人日常使用的APP 其實(shí)是非常固定的,它們中絕大部分,核心在于幫助人們節(jié)省時(shí)間和金錢(qián)(或者兼而有之),讓生活更輕松。

對(duì),讓生活更輕松。而這需要數(shù)字產(chǎn)品具備良好的一致性,而設(shè)計(jì)師也越來(lái)越多地將注意力投注在這一個(gè)點(diǎn)上。

正如同我們熟知的UX設(shè)計(jì)專(zhuān)家唐納德·諾曼所說(shuō)的:「很多用戶(hù)界面所存在的真正的問(wèn)題,在于它僅僅只是用戶(hù)界面。很多用戶(hù)界面的設(shè)計(jì)阻礙了功能。我想努力達(dá)成某個(gè)目標(biāo),而不是將精力耗費(fèi)在界面上。」


更一致意味著更好的可用性

所有的電商網(wǎng)站基本上都遵循著類(lèi)似的交互邏輯和視覺(jué)元素,你不會(huì)搞錯(cuò)購(gòu)物車(chē)的圖標(biāo),也不會(huì)錯(cuò)過(guò)任何環(huán)節(jié)。這些約定俗成的慣例,意味著用戶(hù)不再需要重新學(xué)習(xí)在某個(gè)新的平臺(tái)上購(gòu)物,降低學(xué)習(xí)成本。

絕大多數(shù)約定俗成的規(guī)則和流程都被用戶(hù)不自覺(jué)地印刻在大腦中,成為一種自然的習(xí)慣,而獨(dú)特的設(shè)計(jì),截然不同的規(guī)則,則常常會(huì)成為習(xí)慣以外的東西,引起混亂,讓初次上手的用戶(hù)感到受挫和沮喪。

以 Snapchat 為例,今年早些時(shí)候曾經(jīng)發(fā)布過(guò)一個(gè)版本,其中包含有一些比較有爭(zhēng)議的設(shè)計(jì)。這個(gè)版本當(dāng)中,被重新修改過(guò)的導(dǎo)航和幾乎隨意堆砌的功能模塊,讓用戶(hù)活躍度幾乎立刻下降了73%,甚至直接導(dǎo)致了用戶(hù)流失和股票下跌。

正如同 Snapchat 所證明的那樣,新穎的設(shè)計(jì)是有風(fēng)險(xiǎn)的。一致的設(shè)計(jì),確實(shí)有一定的機(jī)率降低用戶(hù)在面對(duì)新興事物時(shí)候的不安感。


設(shè)計(jì)不應(yīng)止步于視覺(jué)

明白用戶(hù)的需求和意圖,在不斷探索解決方案的過(guò)程中,才能真正創(chuàng)造出偉大的用戶(hù)體驗(yàn)。相比于獨(dú)特的外觀,差異化的體驗(yàn)是更有價(jià)值的。

當(dāng)然,樣式和風(fēng)格很重要,它們也確實(shí)會(huì)影響到體驗(yàn),當(dāng)人們感知到有視覺(jué)吸引力的設(shè)計(jì)的時(shí)候,即使有一些混亂和無(wú)效的設(shè)計(jì),也是可以忍受的。

但是設(shè)計(jì)師的精力是有限的,用戶(hù)的也是如此,相比于在色彩和花哨的動(dòng)畫(huà)上反復(fù)嘗試,幫助用戶(hù)找到更好完成任務(wù)的方式,無(wú)疑更有價(jià)值。設(shè)計(jì)好的產(chǎn)品,最終能夠給用戶(hù)帶來(lái)價(jià)值的東西,是需要看似無(wú)限的測(cè)試和迭代,來(lái)向著可用和易用的產(chǎn)品更進(jìn)一步。

奧巴馬、喬布斯和扎克伯格每天穿著相同的衣服,他們的衣服和這種行為同樣出名。心理學(xué)家將這種現(xiàn)象稱(chēng)之為「決策疲勞」,它們每天需要用有限的能量來(lái)做大量的決定,而為了給更重要的事情留下足夠的精力,他們穿相對(duì)固定的衣服,就可以省心很多。

設(shè)計(jì)師面對(duì)的是同樣的局面。隨著界面設(shè)計(jì)的趨同化,設(shè)計(jì)師可以花費(fèi)更少的時(shí)間來(lái)決定用什么色彩,而可以將更多的精力投注在更為深入的設(shè)計(jì)當(dāng)中,比如更有效的布局,反思為什么要這樣設(shè)計(jì),等等。


趨同的設(shè)計(jì)是否會(huì)扼殺創(chuàng)造力

我想你一定在思考這種設(shè)計(jì)趨勢(shì)之下的缺點(diǎn),比如這樣的設(shè)計(jì)是否會(huì)顯得缺乏創(chuàng)新,甚至?xí)髿?chuàng)造力。老實(shí)說(shuō),我覺(jué)得這樣的影響是存在的。

但是,即使每個(gè)產(chǎn)品設(shè)計(jì)師都參與到極簡(jiǎn)主義設(shè)計(jì)的運(yùn)動(dòng)當(dāng)中來(lái),仍然有大量的設(shè)計(jì)工作有待完成,設(shè)計(jì)的范疇太廣泛了,需要設(shè)計(jì)的東西遠(yuǎn)超用戶(hù)界面本身。

事實(shí)上,界面中的趨同化在近期看來(lái)是頗為有益的,對(duì)于長(zhǎng)期的影響也是非常巨大的。

首先,最重要的一點(diǎn),VR、AR 和人工智能的逐漸普及,用戶(hù)和數(shù)字設(shè)備之間的互動(dòng)可能會(huì)變得更加隱形,小屏幕同樣在普及,手勢(shì)操作將會(huì)成為最基本的交互語(yǔ)言,我們將會(huì)越來(lái)越多地參與到無(wú)屏幕的交互當(dāng)中去。

即使我們?cè)趇Phone 上,人工智能加持下的 Siri 越來(lái)越好用,越來(lái)越多的用戶(hù)開(kāi)始習(xí)慣使用類(lèi)似的語(yǔ)音助手來(lái)創(chuàng)建待辦事項(xiàng),選擇音樂(lè),發(fā)送消息,查看天氣,簡(jiǎn)單的功能它們已經(jīng)可以很好地完成了,復(fù)雜的功能和需求也會(huì)通過(guò)機(jī)器學(xué)習(xí)逐步習(xí)慣、越做越好。

在諸如人工智能、機(jī)器學(xué)習(xí)這樣相對(duì)高深的概念背后,是軟硬件正在更好地幫助人類(lèi)完成任務(wù),做對(duì)事情。設(shè)計(jì)師的角色需要更進(jìn)一步,更深入地參與到產(chǎn)品當(dāng)中。

如果設(shè)計(jì)師要改進(jìn) Siri 的設(shè)計(jì),那么要做的工作遠(yuǎn)不止設(shè)計(jì)界面,已經(jīng)有很多相關(guān)領(lǐng)域的專(zhuān)家討論過(guò)這個(gè)問(wèn)題了,設(shè)計(jì)師所需要了解、掌控的維度越來(lái)越多,設(shè)計(jì)正在變得更加深入和復(fù)雜。更通俗的講,設(shè)計(jì)師需要考慮新的方式,更加富有創(chuàng)造力的策略來(lái)吸引用戶(hù)的注意力,甚至要深入到情感和感知當(dāng)中去,而不是單純的視覺(jué)。

如果我們僅僅將優(yōu)秀的設(shè)計(jì)局限于我們?cè)谄聊簧峡吹降膬?nèi)容,未來(lái)更多的可能性,可能就止步于此了。

藍(lán)藍(lán)設(shè)計(jì)m.73404.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

UI設(shè)計(jì)中如何配色?

用心設(shè)計(jì)

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里


顏色跟其他事物一樣,使用需要恰到好處。如果您在配色方案中堅(jiān)持使用最多三種基色,您將獲得更好的效果。將顏色應(yīng)用于設(shè)計(jì)項(xiàng)目中,要保持色彩平衡,您使用的顏色越多,越難保持平衡。


顏色不會(huì)增加設(shè)計(jì)品質(zhì) - 它只是加強(qiáng)了設(shè)計(jì)的品質(zhì)感

                                      --皮埃爾·波納德(Pierre Bonnard)




60–30–10 規(guī)則


室內(nèi)設(shè)計(jì)規(guī)則是一種永恒的裝飾技術(shù),可以幫助您輕松地將配色方案放在一起。 60%+ 30%+ 10%的比例是為了保持顏色平衡。這個(gè)公式非常有用,因?yàn)樗鼊?chuàng)造出一種平衡的感覺(jué),并允許眼睛從一個(gè)焦點(diǎn)到另一個(gè)焦點(diǎn)舒適地移動(dòng)。 使用也非常簡(jiǎn)單。


60%是主色調(diào),30%是副色和10%用于強(qiáng)調(diào)色。


e1f458de0ea5a801219c77abf06a.jpg


墻面漆(60%),家具(30%),配飾(10%)


顏色的含義


幾個(gè)世紀(jì)以來(lái),科學(xué)家已經(jīng)研究出某些顏色的生理效應(yīng)。 除了美學(xué),顏色也是情感交流的創(chuàng)造者。 顏色的含義可能因文化差異而不同。這就是為什么你看到時(shí)裝店鋪的設(shè)計(jì)是黑白配色。 他們希望看起來(lái)優(yōu)雅而高貴。


a18858de0ebca801219c77eecdb0.jpg


Asos采用純黑白配色搭配綠色按鈕設(shè)計(jì),這種配色是有原因的。


  • 紅色:激情,愛(ài),危險(xiǎn)

  • 藍(lán)色:平靜,負(fù)責(zé),安全

  • 黑色:神秘,優(yōu)雅,邪惡

  • 白色:純凈,沉默,清潔

  • 綠色:新生,新鮮,自然


首先考慮單色設(shè)計(jì)


在項(xiàng)目設(shè)計(jì)初期,我們通常傾向于嘗試不同的顏色進(jìn)行調(diào)整,但這種行為會(huì)很快違背你的初衷,當(dāng)你發(fā)現(xiàn)的時(shí)候,已經(jīng)花費(fèi)了3個(gè)小時(shí)調(diào)整基礎(chǔ)色...這確實(shí)很誘人,但你應(yīng)該學(xué)會(huì)避免這種態(tài)度。

相反,你應(yīng)當(dāng)專(zhuān)注于元素的間距和整體布局。它會(huì)節(jié)省你很多時(shí)間。 這種約束是非常有成效的。從另一方面講,它看起來(lái)并不乏味。如果你想讓整個(gè)作品看起來(lái)更好,嘗試不同的顏色選擇。


43da58de08aaa801219c7791a8c3.jpg


我在追波(dribbble)上的作品之一。簡(jiǎn)約單色處理,專(zhuān)注于元素之間的使用。


避免使用灰色和黑色


我學(xué)到的最重要的顏色技巧之一是避免使用灰色等不飽和色彩。 在現(xiàn)實(shí)生活中,純灰色幾乎不存在。 黑色也是如此。

b6d358de08d0a801219c7750613e.jpg

這張圖片最黑的顏色不是#000,而是#0A0A10


始終記著給你的顏色增加飽和度。潛意識(shí)里會(huì)顯得更自然,為用戶(hù)所熟悉。


667258de08f5a801219c77147ee4.jpg


相信自然


最好的顏色組合來(lái)自大自然。 他們看起來(lái)總是很自然。 尋找顏色設(shè)計(jì)的解決方案,最好的辦法是調(diào)色板總是發(fā)生變化。


為了得到設(shè)計(jì)靈感,我們只需環(huán)顧四周。


975d58de0910a801219c7714bed0.jpg


保持對(duì)比


一些顏色相互融合,而其他顏色一起使用會(huì)發(fā)生沖突。 有一個(gè)明確的規(guī)則,想要了解不同顏色之間如何融合,最好的辦法是觀察一個(gè)色輪。 你應(yīng)該知道這個(gè)方法,但是沒(méi)有必要?jiǎng)邮植僮鳌?


f09d58de095fa801219c77f5485c.jpg


獲取靈感


當(dāng)我們?cè)谡務(wù)揢I參考時(shí),dribbble是最佳選擇。它還具有通過(guò)顏色搜索的工具,所以當(dāng)你想對(duì)其他設(shè)計(jì)師使用特定顏色進(jìn)行視覺(jué)研究時(shí),然后去這里:dribbble.com/colors


5ce458de097ba801219c77aa763e.jpg


視頻,平面廣告設(shè)計(jì),室內(nèi)設(shè)計(jì),時(shí)裝......有這么多鼓舞人心的地方可供收集。如果說(shuō)根本就沒(méi)有配色參考,那一定是懶惰的原因,把那些調(diào)色板保存下來(lái),一切看起來(lái)都非常有趣。


通常我喜歡從KPOP(韓國(guó)流行音樂(lè))視頻剪輯中選取顏色,他們看起來(lái)很華麗。


配色工具推薦


為了方便起見(jiàn),我搜集了一些最好的配色工具可供選擇,在2017年獲取調(diào)色板,他們會(huì)為您節(jié)省大量的時(shí)間。



Coolors.co


這個(gè)絕對(duì)是我最喜歡的取色工具。 您只需鎖定所選顏色并按空格即可生成調(diào)色板。 Coolors還可讓您上傳圖像并從中調(diào)出調(diào)色板。 很酷的事情是,你不僅僅是一個(gè)結(jié)果,而是有一個(gè)選擇器,允許你修改參考點(diǎn)。


a68a58de0c65a801219c77885e56.jpg



Kuler


這款A(yù)dobe旗下的配色工具已經(jīng)和我們?cè)谝黄鹆撕荛L(zhǎng)時(shí)間。它在瀏覽器和桌面版本中都可用。 如果您使用的是桌面版本,則可以將配色方案導(dǎo)出到Photoshop中。


296e58de0c83a801219c77fbb98e.jpg


Paletton


它類(lèi)似于Kuler,但不同的是,您不僅限于5個(gè)色調(diào)。 當(dāng)您擁有原色并希望使用其他色調(diào)時(shí),您可以使用這款很棒的工具。


92ba58de0c94a801219c77d2592b.jpg




Designspiration.net


試想一下,你有自己的配色的想法,但你要看到幾種顏色組合的例子。 Designspiration是一個(gè)偉大的工具。 您可以選擇最多5種顏色,并搜索符合您的查詢(xún)的圖像。 真的很好,不僅用于找到具有特定調(diào)色板的圖像,還可以在設(shè)計(jì)中實(shí)現(xiàn)它們。


52a358de09e9a801219c774d8bb5.jpg


ShutterstockLab Spectrum


你可能會(huì)問(wèn):如果我想用我所選擇的顏色搜索照片? 那么,Shutterstock有一個(gè)叫做Spectrum的工具,你可以用特定的語(yǔ)氣搜索照片。 您甚至不需要訂閱,因?yàn)榫哂兴〉男☆A(yù)覽圖像將足以生成調(diào)色板。


cc6c58de0a22a801219c77af34c9.jpg


Tineye Multicolr


但是,如果你想搜索照片中的顏色混合,甚至指定每個(gè)顏色的數(shù)量,那么Tineye會(huì)幫助你。 本網(wǎng)站使用了來(lái)自Flickr千萬(wàn)張共享圖像的數(shù)據(jù)庫(kù)。

64dd58de0aa0a801219c77382a00.jpg



最后的想法


掌握配色技巧是一件苦差事,特別是在數(shù)字時(shí)代。 上面提到的技巧將會(huì)減輕工作中尋找正確顏色方案的困難度。 學(xué)習(xí)創(chuàng)造令人驚嘆的配色方案,最佳方法是練習(xí),讓自己有所幫助,用玩的心態(tài)去使用顏色。


以上是本篇文章全部?jī)?nèi)容,感謝您的閱讀,希望對(duì)您設(shè)計(jì)產(chǎn)生幫助。



藍(lán)藍(lán)設(shè)計(jì)m.73404.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

UI新手的自我發(fā)展

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

本文重點(diǎn)梳理以下七大問(wèn)題:一、令人眼花繚亂的專(zhuān)業(yè)術(shù)語(yǔ);二、交互和視覺(jué)如何分工;三、工作的流程;四、視覺(jué)類(lèi)UI的自學(xué);五、交互設(shè)計(jì)需要掌握的知識(shí);六、今天設(shè)計(jì)什么;七、設(shè)計(jì)師的薪資

經(jīng)常有人問(wèn)我新手如何自學(xué)交互設(shè)計(jì),我之前也錄過(guò)一個(gè)視頻給大家,沒(méi)想到放到網(wǎng)上后點(diǎn)擊率很高,看來(lái)對(duì)新人是的確有幫助的。所以今天再次針對(duì)這個(gè)問(wèn)題做闡述,修正了第一版的一些內(nèi)容,也更具有針對(duì)性。

單手操作不方便?來(lái)看這兩個(gè)新穎的交互方式是怎么做的!

周周

編者按:當(dāng)手機(jī)屏幕越來(lái)越大時(shí),該如何保持單手操作的便攜性?今天這篇文章提到了兩個(gè)新的交互方式,值得一看,說(shuō)不定有啟發(fā)喲。

大屏手機(jī)有很多優(yōu)勢(shì),大屏手機(jī)的趨勢(shì)未來(lái)還會(huì)持續(xù)下去。但大屏也不是什么都好,更大的顯示屏幕并沒(méi)有承載更多的內(nèi)容。實(shí)際尺寸和功能多少對(duì)于高、低分辨率顯示是相同的。Steven Hoober 2013年的手機(jī)設(shè)備研究報(bào)告發(fā)現(xiàn):49%的用戶(hù)通過(guò)單手持機(jī)操作,36%的用戶(hù)一手拿著手機(jī)一手操作,另有15%的用戶(hù)雙手持機(jī)操作。

2017年,并未有太多改變,單手拇指觸控操作正在成為常態(tài)。首先,這樣的操作比較方便;其次,同時(shí)使用雙手并不總是太方便。但這里就有一個(gè)障礙:?jiǎn)问殖治帐褂孟拗屏四隳粗改軌蛴|控的區(qū)域范圍。

會(huì)員中心如何設(shè)計(jì),用戶(hù)才會(huì)買(mǎi)單?

周周

最近在做產(chǎn)品的會(huì)員中心改版設(shè)計(jì),有一些關(guān)于會(huì)員體系相關(guān)設(shè)計(jì)的思考及分析,紀(jì)錄并分享一下。

大多數(shù)產(chǎn)品在滿(mǎn)足用戶(hù)的基礎(chǔ)需求上,會(huì)推出付費(fèi)會(huì)員功能,以滿(mǎn)足用戶(hù)更高需求的同時(shí),達(dá)到商業(yè)層面的收支平衡。那么,會(huì)員中心應(yīng)該怎么做,才能讓用戶(hù)感受到自己花的錢(qián)很值呢?

設(shè)計(jì)前,先明確會(huì)員中心的設(shè)計(jì)目的是什么?

1. 會(huì)員尊享感(讓用戶(hù)感知到付費(fèi)值得,花了錢(qián)就是爺,滿(mǎn)足一部分用戶(hù)的虛榮心)

2. 功能特權(quán)對(duì)比(通過(guò)特權(quán)的對(duì)比,讓用戶(hù)選擇更高的等級(jí)會(huì)員)

3. 突顯核心特權(quán)功能(突出核心功能,抓住用戶(hù)訴求點(diǎn),提升用戶(hù)購(gòu)買(mǎi)決策)

這樣才能學(xué)到東西!UI設(shè)計(jì)師該如何正確地“把玩”APP?

周周

作為APP狂熱分子,定期去App Store或者其他渠道找新鮮的產(chǎn)品來(lái)玩兒,已經(jīng)持續(xù)了很多年。但是光浮于表面的玩兒,還不夠。因?yàn)橹挥辛私猱a(chǎn)品背后的邏輯才能更全面的解讀為何會(huì)那么設(shè)計(jì)。

下面分享下我通過(guò)自問(wèn)自答的方式分析APP的方法,希望對(duì)你有幫助。

1. 產(chǎn)品層面

分析一款app,首先從產(chǎn)品層面入手,因?yàn)楫a(chǎn)品定位決定著后續(xù)的交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)、運(yùn)營(yíng)策略等等… 通常可以從三個(gè)維度來(lái)分析產(chǎn)品定位:

UI設(shè)計(jì)——細(xì)節(jié)決定成敗

用心設(shè)計(jì)

良好的交互設(shè)計(jì)應(yīng)該確保用戶(hù)的每一次操作都能得到視覺(jué)反饋,無(wú)論成功與否,這會(huì)讓用戶(hù)體會(huì)到使用產(chǎn)品期間的一種安全感——一切盡在自己的掌控之中。視覺(jué)反饋的目的就是通過(guò)一種可視化、簡(jiǎn)潔的形式向用戶(hù)展示操作的結(jié)果以及當(dāng)前系統(tǒng)所處的狀態(tài)。

UI設(shè)計(jì)——細(xì)節(jié)決定成敗

從迪士尼到紀(jì)念碑谷,這位中國(guó)設(shè)計(jì)師掌握了哪些技能?

周周

編者按:說(shuō)起usTwo 你可能沒(méi)聽(tīng)過(guò),但《紀(jì)念碑谷》你肯定玩過(guò)。這個(gè)全球頂尖的設(shè)計(jì)工作室還做過(guò)哪些酷酷的產(chǎn)品?他們是如何幫助設(shè)計(jì)師和客戶(hù)合作的?想加入它們有哪些要求?這期直接讓usTwo 的設(shè)計(jì)師為大家揭秘。

我們請(qǐng)到了設(shè)計(jì)工作室 usTwo 的設(shè)計(jì)師 Avalon Hu。她曾先后就讀于臺(tái)灣大學(xué)生物產(chǎn)業(yè)機(jī)電工程系和密歇根大學(xué)人機(jī)交互專(zhuān)業(yè),曾在 R/GA 和湯森路透任職。本期我們聊了聊她如何從迪士尼秀場(chǎng)后臺(tái)開(kāi)始,轉(zhuǎn)專(zhuān)業(yè)成為用戶(hù)體驗(yàn)設(shè)計(jì)師;設(shè)計(jì) Agency 的工作流程;usTwo 獨(dú)特的企業(yè)文化和公司結(jié)構(gòu);最后她也與想加入設(shè)計(jì) agency 的同學(xué)分享了自己的建議。

這些懸浮動(dòng)效的常見(jiàn)玩法你都知道嗎?

周周

動(dòng)效是如今UI設(shè)計(jì)中的重要組成部分,也是目前最熱門(mén)的設(shè)計(jì)趨勢(shì)之一。在之前的《在現(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)中,動(dòng)效有哪些常見(jiàn)的用法》這篇文章中,我們探討了動(dòng)效對(duì)于交互和用戶(hù)的重要意義,動(dòng)效在不同的環(huán)節(jié)發(fā)揮的作用越越來(lái)越大。而今天我們要聊的是光標(biāo)懸停,這也是近年動(dòng)效設(shè)計(jì)的熱點(diǎn)之一。

正是由于Material Design 和蘋(píng)果所引領(lǐng)的動(dòng)效設(shè)計(jì)風(fēng)潮,許多曾經(jīng)有過(guò)的設(shè)計(jì)技巧和元素正在逐步回歸,而懸停就是其中之一。但是相比于曾經(jīng)那些閃爍彈跳的,現(xiàn)如今的光標(biāo)懸停來(lái)的更加微妙,更加強(qiáng)調(diào)功能性和體驗(yàn)。

和其他動(dòng)效相似,光標(biāo)懸停讓交互的引導(dǎo)性更強(qiáng),有的還帶有預(yù)覽的作用,它的使用范圍非常廣,大到全屏,小到提示和導(dǎo)航元素,不一而足。

接下來(lái),我們通過(guò)實(shí)戰(zhàn)案例看看,光標(biāo)懸停目前有哪些創(chuàng)新的玩法。

首頁(yè)動(dòng)效

想進(jìn)階成高手?得學(xué)會(huì)如何在設(shè)計(jì)中打造最合適的組件!

周周

編者按:什么是模塊化設(shè)計(jì)?它有哪些優(yōu)勢(shì)?該如何運(yùn)用模塊化設(shè)計(jì)?本文騰訊CDC 的高手帶你一窺模塊化設(shè)計(jì)的奧妙。

在看組件和元素之前,我們先了解在他們之上的一個(gè)概念

模塊

模塊大家應(yīng)該都不陌生,任何一個(gè)完整的界面,都會(huì)有多個(gè)功能模塊,而每個(gè)模塊內(nèi)有相應(yīng)的組件,每個(gè)組件中又有相應(yīng)的元素,其中任何一點(diǎn)的變化,都會(huì)使用戶(hù)對(duì)產(chǎn)品的認(rèn)知發(fā)生改變。

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 韩国甜性涩爱在线播放 | 亚洲国产免费观看视频 | 国产在线视频在线观看 | 非洲黑人bbwbbwbbw | 91超级碰| 齐天大性之七仙女欲春迅雷链接 | 波多野结衣护士 | 色综合色狠狠天天综合色hd | 男同精品视频免费观看网站 | 4虎影视国产在线观看精品 4s4s4s4s色大众影视 | 热久久天天拍天天拍热久久2018 | 欧美灰丝袜丝交nylons | 99精品国产高清自在线看超 | 日韩中文字幕一区 | 国产玖玖在线观看 | 国产精品免费综合一区视频 | 欧美 亚洲 综合 卡通 另类 区 | 成人免费视频一区 | 纲手被强喷水羞羞漫画 | chinese老太grandma | 国产成人免费片在线视频观看 | 国产视频三区 | 午夜影院免费体验 | 纲手被强喷水羞羞漫画 | 成人香蕉xxxxxxx| 修修视频在线观看 | 色多多视频网站 | 三体动漫在线观看免费完整版2022 | 欧美不卡一区二区三区 | 亚洲高清在线视频 | 午夜影院网站 | 天天综合天天综合色在线 | а天堂中文最新版在线官网视频 | 天堂资源在线8 | 色老头oldmoneyvideos | 男人女人日皮视频 | 免费在线视频成人 | 2021最新国产成人精品视频 | 亚洲欧美日韩成人一区在线 | 日本又大又硬又粗的视频 | 人禽l交视频在线播放 视频 |