午夜勾魂曲-午夜福利自怕-午夜福利在线观看6080-午夜福利院电影-国产精品毛片AV久久97-国产精品麻豆高潮刺激A片

首頁

為什么如今的APP UI設計如此的趨同?這也許是件好事!

用心設計

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




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

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

Instagram 的深藍的頁頭怎么變了?Lyft 中經(jīng)典的亮粉色元素怎么不見了?這些有著深厚底蘊的品牌是否已經(jīng)放棄了標識性的設計?又或者是它們開始共享相同的模板了?

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

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

到底是怎么回事?

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


讓用戶更加關注內(nèi)容和結果

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

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

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

正如同我們熟知的UX設計專家唐納德·諾曼所說的:「很多用戶界面所存在的真正的問題,在于它僅僅只是用戶界面。很多用戶界面的設計阻礙了功能。我想努力達成某個目標,而不是將精力耗費在界面上。」


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

所有的電商網(wǎng)站基本上都遵循著類似的交互邏輯和視覺元素,你不會搞錯購物車的圖標,也不會錯過任何環(huán)節(jié)。這些約定俗成的慣例,意味著用戶不再需要重新學習在某個新的平臺上購物,降低學習成本。

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

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

正如同 Snapchat 所證明的那樣,新穎的設計是有風險的。一致的設計,確實有一定的機率降低用戶在面對新興事物時候的不安感。


設計不應止步于視覺

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

當然,樣式和風格很重要,它們也確實會影響到體驗,當人們感知到有視覺吸引力的設計的時候,即使有一些混亂和無效的設計,也是可以忍受的。

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

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

設計師面對的是同樣的局面。隨著界面設計的趨同化,設計師可以花費更少的時間來決定用什么色彩,而可以將更多的精力投注在更為深入的設計當中,比如更有效的布局,反思為什么要這樣設計,等等。


趨同的設計是否會扼殺創(chuàng)造力

我想你一定在思考這種設計趨勢之下的缺點,比如這樣的設計是否會顯得缺乏創(chuàng)新,甚至會扼殺創(chuàng)造力。老實說,我覺得這樣的影響是存在的。

但是,即使每個產(chǎn)品設計師都參與到極簡主義設計的運動當中來,仍然有大量的設計工作有待完成,設計的范疇太廣泛了,需要設計的東西遠超用戶界面本身。

事實上,界面中的趨同化在近期看來是頗為有益的,對于長期的影響也是非常巨大的。

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

即使我們在iPhone 上,人工智能加持下的 Siri 越來越好用,越來越多的用戶開始習慣使用類似的語音助手來創(chuàng)建待辦事項,選擇音樂,發(fā)送消息,查看天氣,簡單的功能它們已經(jīng)可以很好地完成了,復雜的功能和需求也會通過機器學習逐步習慣、越做越好。

在諸如人工智能、機器學習這樣相對高深的概念背后,是軟硬件正在更好地幫助人類完成任務,做對事情。設計師的角色需要更進一步,更深入地參與到產(chǎn)品當中。

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

如果我們僅僅將優(yōu)秀的設計局限于我們在屏幕上看到的內(nèi)容,未來更多的可能性,可能就止步于此了。

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

UI設計中如何配色?

用心設計

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


顏色跟其他事物一樣,使用需要恰到好處。如果您在配色方案中堅持使用最多三種基色,您將獲得更好的效果。將顏色應用于設計項目中,要保持色彩平衡,您使用的顏色越多,越難保持平衡。


顏色不會增加設計品質(zhì) - 它只是加強了設計的品質(zhì)感

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




60–30–10 規(guī)則


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


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


e1f458de0ea5a801219c77abf06a.jpg


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


顏色的含義


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


a18858de0ebca801219c77eecdb0.jpg


Asos采用純黑白配色搭配綠色按鈕設計,這種配色是有原因的。


  • 紅色:激情,愛,危險

  • 藍色:平靜,負責,安全

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

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

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


首先考慮單色設計


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

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


43da58de08aaa801219c7791a8c3.jpg


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


避免使用灰色和黑色


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

b6d358de08d0a801219c7750613e.jpg

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


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


667258de08f5a801219c77147ee4.jpg


相信自然


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


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


975d58de0910a801219c7714bed0.jpg


保持對比


一些顏色相互融合,而其他顏色一起使用會發(fā)生沖突。 有一個明確的規(guī)則,想要了解不同顏色之間如何融合,最好的辦法是觀察一個色輪。 你應該知道這個方法,但是沒有必要動手操作。


f09d58de095fa801219c77f5485c.jpg


獲取靈感


當我們在談論UI參考時,dribbble是最佳選擇。它還具有通過顏色搜索的工具,所以當你想對其他設計師使用特定顏色進行視覺研究時,然后去這里:dribbble.com/colors


5ce458de097ba801219c77aa763e.jpg


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


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


配色工具推薦


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



Coolors.co


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


a68a58de0c65a801219c77885e56.jpg



Kuler


這款Adobe旗下的配色工具已經(jīng)和我們在一起了很長時間。它在瀏覽器和桌面版本中都可用。 如果您使用的是桌面版本,則可以將配色方案導出到Photoshop中。


296e58de0c83a801219c77fbb98e.jpg


Paletton


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


92ba58de0c94a801219c77d2592b.jpg




Designspiration.net


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


52a358de09e9a801219c774d8bb5.jpg


ShutterstockLab Spectrum


你可能會問:如果我想用我所選擇的顏色搜索照片? 那么,Shutterstock有一個叫做Spectrum的工具,你可以用特定的語氣搜索照片。 您甚至不需要訂閱,因為具有水印的小預覽圖像將足以生成調(diào)色板。


cc6c58de0a22a801219c77af34c9.jpg


Tineye Multicolr


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

64dd58de0aa0a801219c77382a00.jpg



最后的想法


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


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



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

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

藍藍設計的小編

本文重點梳理以下七大問題:一、令人眼花繚亂的專業(yè)術語;二、交互和視覺如何分工;三、工作的流程;四、視覺類UI的自學;五、交互設計需要掌握的知識;六、今天設計什么;七、設計師的薪資

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

單手操作不方便?來看這兩個新穎的交互方式是怎么做的!

周周

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

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

2017年,并未有太多改變,單手拇指觸控操作正在成為常態(tài)。首先,這樣的操作比較方便;其次,同時使用雙手并不總是太方便。但這里就有一個障礙:單手持握使用限制了你拇指能夠觸控的區(qū)域范圍。

會員中心如何設計,用戶才會買單?

周周

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

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

設計前,先明確會員中心的設計目的是什么?

1. 會員尊享感(讓用戶感知到付費值得,花了錢就是爺,滿足一部分用戶的虛榮心)

2. 功能特權對比(通過特權的對比,讓用戶選擇更高的等級會員)

3. 突顯核心特權功能(突出核心功能,抓住用戶訴求點,提升用戶購買決策)

這樣才能學到東西!UI設計師該如何正確地“把玩”APP?

周周

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

下面分享下我通過自問自答的方式分析APP的方法,希望對你有幫助。

1. 產(chǎn)品層面

分析一款app,首先從產(chǎn)品層面入手,因為產(chǎn)品定位決定著后續(xù)的交互設計、視覺設計、運營策略等等… 通常可以從三個維度來分析產(chǎn)品定位:

UI設計——細節(jié)決定成敗

用心設計

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

UI設計——細節(jié)決定成敗

從迪士尼到紀念碑谷,這位中國設計師掌握了哪些技能?

周周

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

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

這些懸浮動效的常見玩法你都知道嗎?

周周

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

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

和其他動效相似,光標懸停讓交互的引導性更強,有的還帶有預覽的作用,它的使用范圍非常廣,大到全屏,小到提示和導航元素,不一而足。

接下來,我們通過實戰(zhàn)案例看看,光標懸停目前有哪些創(chuàng)新的玩法。

首頁動效

想進階成高手?得學會如何在設計中打造最合適的組件!

周周

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

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

模塊

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

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gerard.com.cn

存檔

主站蜘蛛池模板: 97在线视频网站 | 久久国产精品萌白酱免费 | 11 13加污女qq看他下面 | 成人在线视频国产 | 精品亚洲欧美中文字幕在线看 | 吃奶摸下的激烈免费视频 | 国产精品青青草原app大全 | 麻豆Av国产在线播放 | 宿舍BL 纯肉各种PLAY H | 欧美性爱 先锋影音 | vidosgratis tv少女 | 特级黑人三人共一女 | 超碰人热人人热人人看 | 无人区在线日本高清免费 | 囯产免费久久久久久国产免费 | 久久青草免费线观最新 | 久草热8精品视频在线观看 久草青青在线 | 2021扫黑风暴在线观看免费完整版 | 欧美又粗又长又大AAAA片 | 最近最新的日本字幕MV | 樱桃视频高清免费观看在线播放 | 我要女人的全黄录像 | 俺也去最新地址 | 国产高清免费视频免费观看 | 99久久国产露脸精品国产麻豆 | WWW国产亚洲精品久久麻豆 | 超碰97 总站 中文字幕 | 国产午夜亚洲精品一区 | 吃奶摸下的激烈免费视频 | 在线中文字幕亚洲日韩 | 亚洲中字慕日产2020 | 亚洲国产精品嫩草影院 | 亚洲精品国产品国语在线试看 | 国产AV精品白浆一区二 | 麻豆精品传媒2021网站入口 | 99re6久久热在线播放 | 亚洲spank男男实践网站 | 二色AV天堂在线 | 亲胸摸下面激烈免费网站 | 亚洲色婷婷久久精品AV蜜桃 | 国产亚洲精品久久久久久无码网站 |