<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          騰訊設計師出品!幫你找到設計創意的情緒板設計

          前端達人

          很多時候我們會覺得情緒板設計可有可無,或者因為時間的關系不允許我們經過這一步。但,如我一開始提到的點,情緒板可以在前期幫助我們去打通很多思考的壁壘,輔助設計師在前期直觀的與產品側進行方向上的探討,從而找到大方向上的共識。

          用一篇文章,帶你了解12種常見的網頁布局設計

          前端達人

          好的網頁設計具有很強的適應性并且對用戶來說始終是友好的。

          遵循網頁布局的最佳實踐,能夠帶來全新的數字體驗,靈活地調整不斷變化的技術和設計趨勢,進一步實現品牌目標。

          2021年,這10種網頁設計流行趨勢值得關注!

          前端達人

          編者按:這篇趨勢分析的文章出自資深設計師 Lyudmil Enchev 之手,匯總了 2021 年在網頁設計領域值得注意的 10 個重要趨勢。

          2021年,這10種網頁設計流行趨勢值得關注!

          雖然移動端設計在持續地繁榮發展,但是網頁設計依然是當下硬性的設計需求。相比于以往,網頁設計所面對的要求,其實越來越高,不僅要細致到位,要功能全面,要能夠貼合趨勢,還要能兼顧桌面和移動端。

          從網絡上找到靈感并不是一件復雜的事情,不過要將新的樣式應用到網頁中,給舊有的樣式翻新,都需要配合技術的進步和新的工具。

          在網頁設計領域中,設計趨勢從來都不是為了設計而誕生的,相反它更像是視覺、品牌、技術、先鋒探索綜合作用下,落地到網頁作品中的一種綜合表現。越來越多的技術和設計人員將聰明才智和天才想法融入到網頁當中,才催生了如今我們看到的這些「趨勢」,而這個,就是我們今天要聊的東西。

          1、卡通插畫

          其實嚴格意義上來說,卡通插畫一直在流行,流行了很多年。從卡通插畫在電視上成為一代又一代人的視覺和設計啟蒙開始,它就從來沒有離開過網頁設計的主流領域。

          也正是因此,直到今天,當我們談及網頁設計趨勢的時候,卡通插畫也會是我們最容易想到的一個趨勢發展方向。插畫,是一位設計師自由創作發揮的通行證,而卡通插畫,是最容易帶著設計飛翔的一個設計技術。

          卡通插畫足夠靈活,裝飾性非常強,在題材和風格足夠切合的情況下,能夠更快和用戶構成情緒上的紐帶,可以說是非常強大了。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2、3D 和景深效果

          當然,不止是在這一篇文章里面強調過,3D 的重要性和作為趨勢的流行程度。從文字排版到視覺圖像,3D 在視覺領域的快速增長和市場需求是大家有目共睹的。

          值得一提的是,在網頁這個領域,除了諸多視覺元素的視覺設計之外,有一個非常突出的趨勢,就是運用 3D 來構建視覺景深,渲染出層次,這非常強大。

          這種景深和 3D 元素所構建出來的沉浸感使得整個網頁充滿了吸引力,結合色彩,陰影、高光,在高清晰度的屏幕上,這些都成為了將用戶留下來的理由??纯聪旅娴陌咐憔兔靼孜艺f的意思。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          3、失真和故障效果

          失真和故障效果則是另外一個重要的趨勢。視覺噪音,隨機的元素,缺陷,故障,模糊,低保真的元素,粗野主義式的設計,這些在這個以精致細膩為上的時代,制造出了一種反主流的聲音。

          并非它們必須這樣,但是這樣的視覺風格確實更容易在成堆的精致細膩設計當中脫穎而出——當然前提是你的故障和失真效果能夠做的足夠「好」。

          奇怪的配色,反直覺的排版,明顯的錯位,看起來怪誕但是有趣的設計,這樣的設計通常需要設計師更好地在對錯好壞之間拿捏平衡。

          感覺,感覺很重要,你明白嘛?這不是反邏輯也不是反設計,是特立獨行??纯聪旅娴陌咐?。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          4、90年代復古風

          懷舊也一直在流行,你知道的。但是如何懷舊?90年代,數字化設計剛剛從像素開始向著更加細致的未來前進,這個階段,有大膽的嘗試,有快速更迭,這些介乎新舊之間的數字設計,是我們對于 90 年代設計的美好回憶。

          相比于 80 年代的粗陋(圖形化界面還在艱難普及中),90年代是騰飛的階段,從界面到游戲,在擬物化走到之前,那種介乎精致和復古之間的微妙感覺,是非常有趣的。

          對于新世紀才出生的 Z 世代而言,90年代是陌生的,但是這個時代又是很容易可以被追溯到的,這也是使得 90 年代的數字風情有著能夠打通不同年齡段用戶的奇妙氣場,它的逐步流行,并不令人意外。

          你總能在這些設計當中,get 到到某些東西,然后微微一笑。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          5、微交互和微動效

          嚴格意義上來說,微動效和微交互并不是趨勢那么簡單,在如今的 UI 和 UX 設計當中,它是必不可少的組成部分,它已經從過去的「加分項」變成了如今的「基本要求」。

          微交互和微動效通常不會做得特別的顯著,但是它們會深入到 UI 界面的各個地方,按鈕,小圖標,行為召喚式的文本,翻頁按鈕,光標,產品圖,彈出框,等等等。

          微交互和微動效從最初的只需要確保可用性,到如今需要好看易用又有趣,可以說要求是比以往有明顯提高了。在接下來的 2021 年可以預測的是,微動效會更加強調趣味性和交互性。

          如果你正在考慮這部分的設計,看看下方的設計參考吧。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          6、實驗性配色

          在關于網頁設計趨勢的文章當中,不探討配色是不完整的。2021年的年度流行色是什么?不妨等等潘通下個月月初公布的2021年年度色。那 2021 年的在配色方法上的趨勢是什么?是實驗性配色。

          在以往追求協調配色的時代,和諧的搭配是最主要訴求。不過現如今,用戶、品牌乃至于設計師都在尋求一些更加新鮮獨特的東西,實驗性的配色就是在這樣的訴求之下,逐漸流行起來。

          這些實驗性的配色通常會帶有一些漸變的特質,一些反習慣和反邏輯的搭配方式,飽和度較高的藍色、紫色和紅色的融合,一些更為黯淡或者更為刺眼的搭配方式,強烈的視覺實驗仿佛是在探索用戶的接受極限在哪里。對于如何落地,多看看那些優秀而微妙的已有的范例吧。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          7、超粗字體樣式

          如果說有什么趨勢在 2021 年是非常明顯的話,我只能說,是更為大膽的排版和更為粗壯的字體筆觸。當然,這些設計本身是要具備相當的視覺美感和愉悅性的。懟到出血位乃至于版面之外的文本,快速切換的字體效果是「注意力經濟」催生的一種設計策略。所有的一切——尤其是文本——仿佛在大聲地吼叫著:看我看我看我!

          這大概就是這種設計趨勢誕生的本質。不過如果你設計的足夠炫酷、炸裂或者優雅,誰又會去責怪你呢?

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          8、手作的質感和風格

          我們似乎開始厭倦橫平豎直均分的網格,那些并不那么精準,帶著手工制作的「不夠」的元素,對于越來越多的用戶而言,似乎是更好、更加易于親近的東西。因為這樣看起來更加個性,似乎給網頁賦予了某種真實質感,甚至可以腦補出這些手寫、手繪、手撕的視覺元素背后,站著一個有血有肉真實存在的人。

          這大概才是手作感真正讓人開始沉迷的重要原因。你可以開始嘗試一下這種這些自由的、非正規的、甚至有錯漏但是顯得非常友好的視覺元素,字體,插畫,排版方式,裝飾元素,等等等等。

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          9、3D插畫和動畫

          其實我們在前面已經反復提及了3D的部分,不過現在再做一個匯總:走出平面2D的領域,來試試有趣的 3D 設計,無論是好玩逼真的建模和陰影、有趣的材質和細節、腦洞大開的動畫、充滿縱深的轉場和強化的交互,都能夠讓網頁的設計,在2021 年更加吸引人。

          因為炫酷本身就足夠吸引人了不是嗎?

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          2021年,這10種網頁設計流行趨勢值得關注!

          10、極簡主義風格

          極簡主義最后還是要提及一下。雖然總體來說是老生常談,但是它依然是很多設計師熱衷、很多用戶喜歡的一種主流的風格,也是值得追隨的趨勢。

          必須說的是,還有很多厭倦了各種流行樣式的用戶可能會擁抱極簡主義,它會作為一種持續的「趨勢」而存在。這也是極簡主義最讓人著迷的地方:將你需要的必要的部分呈現出來,且只呈現這部分東西,沒有過度裝飾,沒有無效信息,簡單直接。

          2021年,這10種網頁設計流行趨勢值得關注!


          2021年,這10種網頁設計流行趨勢值得關注!
          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務




          「新擬物化」過時了!此刻你最應該擁抱的是「玻璃擬物化」!

          前端達人

          雖然「玻璃擬物化」并非是全新的事物,但是確實有越來越多的設計師正在嘗試這樣的設計風格,并且在這個多災多難的2020年底能看到這樣的新東西,總歸會讓我們對未來有那么一絲期待 。

          用上這款分析工具,你看上去就像一個高級 UI 設計師了

          前端達人

          5W1H 這種分析方法,是比較宏觀的分析工具。它的應用是針對整個項目的開展來進行,幫助我們圍繞產品需求有計劃有邏輯性的制定解決方案。

          在這個框架下,就方便我們決定要引入哪些其它分析方法或者理論內容,例如 SWOT、KANO、AB TEST、RMF 等工具。

          也因為我們對整體的認識更清晰,決定了我們應用理論和其它分析模型的精細度、細節方法。讓設計師在項目處理過程中可以更靈活,更專業,更游刃有余。



          斯坦福大學 Design School 所倡導設計思維的原則和步驟是什么?

          前端達人

          Design project的第三個特點是根據反饋快速迭代。我們的第一個想法是設計一個暑期實習計劃,鼓勵EPAPA學生到心儀的企業做一個簡單的實習(即使是打雜也無不可),由學校和企業合作提供培訓和導師,旨在幫助學生在進入大學之前就對感興趣的職業有第一手的認知,例如我們認為如果你親眼看過谷歌的工程師工作,就會對成為工程師需要什么知識更加有譜。我們拿著這個方案到學校和老師、學生交流,收集他們的反饋,發現其中一個較大的問題:學生自己分析和提取信息的能力較弱,很難從兩個月的實習期當中收獲很多有用的信息,我們設想中的“從實干中學習”很難實現。

          那我們最終設計的方案是什么呢?在這里賣個關子,如果大家感興趣可以去看我們小組final presentation的內容:

          黑川雅之——日式禪意與工業設計的結合

          前端達人

          黑川雅之,世界著名工業設計師,將建筑的思維融入工業設計中,并開創東方日式美學和西方工業設計思維融合的先河,甚至對后來原研哉和深澤直人的創作都有重要的影響。黑川雅之被稱為日本設計圈的達芬奇,作為日本建筑和工業造型設計界的代表人物,他個人本身就像是一部活的工業文明發展史。

          說黑川雅之是日本戰后將日本傳統文化和西方現在工業設計完美結合的第一代設計師一點也不夸張。

          在工業設計的世界里,黑川雅之將日式禪意美學與西方工業設計世界注重完整和功能性做了完美的融合。從他的工業設計中都可以看出來對空間和時間的反思和理解。

          黑川雅之老師提倡設計應該關注通感,而不該只是注重外在的表象和造型。所以,黑川老師強調在視覺設計之余,要更加關注設計對象對其余感官的刺激,尤其是觸覺。
          代表作賞析——

          結合傳統的手工藝與現代感的設計,最有代表性的作品系列是Irony鑄鐵壺系列。沙模鑄鐵本身記錄了鐵的演變過程,在鐵的表面能夠清晰地看到這一由溫度和時間共同留下的痕跡,驅散人們印象中光滑金屬表面的冷質和距離感,金屬表面也可以被打造得溫潤自然,既粗糙又美麗。
          GOM系列

          上世紀70年代是塑料和金屬的全盛時期,也是注重視覺美感的年代,而GOM第一次以“材料”這個關鍵詞登場,對于黑川來說帶有向現代主義挑釁的意味。在他看來,如果說現代設計是日耳曼的理性審美意識和基督教價值觀下白皙光亮的形象,而橡膠吸光的、黯黑的表面含有危險和不安的成分,黑色暗影有壞的意味,似乎是對明快現代設計的一種對抗。
          PLPL餐具系列

          在西方培養了盤子文化,在日本則演變為了碗的文化。 設計最重要的是通過款式、材料及材料的原始意義,將該物品周圍的獨特韻味表現出來。設計韻味,從而在人的內心深處引起情感上的共鳴。
          黑川雅之說——
          含而不露
          日本設計講求意境,不需要表達得太多,其余的要留給觀賞和使用者以想象的空間。強化觸感可以讓材料當主角,款式的簡單給視覺上禪意之美。

          返璞歸真
          比起工業時代大規模生產語境下“追求體驗”的產品,日本設計更加關注對“留白和空”的運用。不刻意去追求完美,天然的情景下或許存在雜質、存在結節、存在傷疤,但不完美本身也是一種完美,自然的哲理本身也包含著宇宙萬物制衡的道理。

          關注偶然
          不是什么事情都會在計劃下發生,人生充滿了偶然和不確定性,承認并順應偶然的存在才能迸發出無限的可能,設計也是一樣。就好像在制造鑄鐵壺的過程中,由于不可控的溫度和時間的作用,自然而隨機地形成大大小小的氣孔,這是偶然之力造就的美。


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

          一個簡單案例告訴你什么是設計思維(Design Thinking)

          前端達人

          設計思維(Design Thinking)是通過提出有意義的創意和想法,來解決特定人群的實際問題。設計思維可以幫助各個專業背景的人通過創新的解決方案解決問題。在“設計思維”在被不同的學者提出之后,IDEO是第一家將設計思維應用于商業問題的解決之中。IDEO的創始人,David Kelley,后來又在美國斯坦福大學創建了著名的D.School,斯坦福設計學院。

          斯坦福設計學院將設計思維分成5大步驟:“Empathy同理心思考”、“Define需求定義”、“Ideate創意構思”、“Prototype原型實現”、“Test實際測試”。下面具體闡述。


          第1步:移情/同理心

          移情就是對他人的情感或情緒感同身受的能力。

          第一步的目的是進行用戶研究,從而了解人們真正關心的東西,我們需要真正了解他們的處境,比較常用的方法是用戶訪談。

          舉個例子,如果你想幫助老年人進行設計,你可能會發現他們行動能力下降,但是他們想保持走動的能力。 在和他們進行訪談的過程中,他們可能會與你分享他們實現目標的不同方法。 在訪談后期可以進行深入挖掘,尋找個人故事或比較極端的場景。 理想情況下,你可以與多個訪談者人重做此過程。

          第一步:對老年人進行用戶研究

          當然用戶研究的方法不僅于此,還可以:

          ·進行民意調查或組件焦點小組進行調查。

          ·勤發電子郵件,了解受眾對當前活動的反饋。

          ·統計數據、視覺跟蹤軟件也能派上大用場。

          ·嵌入代碼,觀察設計元素對交互的影響。

          ·通過社交網絡、親身交流對交互效果進行監控。

          ·對你的受眾進行群體劃分,了解不同群體對相似的產品、品牌或設計的反應。


          第2步:定義問題

          通過訪談,你現在可以了解人們在特定活動中實現的實際需求。 一種方法是對受訪者在談論他們的問題時提到的動詞或活動進行重點分析:比如他們會說,他們喜歡去散步,結識老朋友喝茶,或者在街角商店購物。 通過深入分析,透過表面你可能會意識到,這不是老年人喜歡外出,而是他們希望彼此保持聯系。 分析后,制定一個問題陳述:“有些老人害怕孤獨。 希望保持聯系。

          第二步:梳理用戶研究結果,定義問題


          第3步:創意

          現在只關注問題陳述并提出解決問題的想法。 重點不在于獲得一個完美的想法,而是要想出盡可能多的想法,比如針對我們的例子,我們可以提出許多想法:獨特的虛擬現實體驗,高級友好懸停板或改裝的手推車。 不管它是什么,請畫出你的最佳想法,并將它們展示給你正在嘗試提供幫助的人,這樣你才能得到他們的反饋。

          第三步:頭腦風暴,進行創意設計

          第4步:原型制作

          現在花一點時間思考一下你從對話中了解到的不同想法。 問問自己,你的想法如何適應人們的實際生活。 你的解決方案可能是一個新想法和已經被使用的組合。 然后連接點,勾勒出最終的解決方案,并建立一個真正的原型,以進行測試。

          第四步:進行原型制作

          第5步:測試

          現在尋找實際用戶測試你的原型。 如果人們不喜歡它,要敢于接受意見,關鍵是要了解哪些是有效的,哪些沒有,所以任何反饋都很好。 然后回到理念或原型,并運用你的技能。 重復這個過程直到你有一個能夠解決實際問題的原型。

          第五步:將原型放在場景中測試,并得到用戶反饋



          第6步:重復以上步驟進行迭代

          反饋——原型——測試——反饋——原型.......

          第六步:重復以上,不斷迭代


          荷蘭埃因霍芬理工大學工業設計系博士在讀

          公眾號:“用設計做研究”

          知乎專欄:“用設計,做研究”

          設計與研究/工業設計/荷蘭留學 原創文章發布


          原創:

          工業設計李存


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


          做設計毫無新意?那跟咸魚有啥區別

          前端達人

          設計行業里幾乎沒有什么是保持不變的,如果有,那就應該是“堅持創新”這四個字,很多設計師覺得自己沒有亮眼的作品,或者老被客戶說設計沒新意,就是因為缺乏創造力,缺乏堅持創新的態度。所以,蔥爺今天給大家分享一波作品,看看人家是怎么打破常規、做出新意的。



          01 

          奶茶海報海報通常都會用實拍產品圖片來勾起消費者的食欲,設計風格也多為清新、甜美的感覺,而下圖的奶茶海報卻采用了扁平、抽象的波普風格,顏色搭配也很時尚,讓人眼前一亮。

           

          02 

          關于導師介紹類的海報通常都是以人物為主,而且風格多追求簡約、高大上,而下圖這張海報只是把人物當成一個元素融入在畫面中,跟整體的風格融合得更自然,扁平的幾何風格和純色搭配,也讓這張海報看起來很新穎。

           

          03 

          用表格的形式來設計服裝的單張也是比較少見的做法,規則的表格與自由擺放的產品形成鮮明的對比。

           

          04 

          運用水墨素材做設計的作品很多,然而把水墨3D化,搭配上科技感十足的運動鞋,既大氣又很酷。

           

          05 

          該海報也是采用了混搭的手法,復古風的背景、矢量風格的眼睛、攝影素材(女模特)搭在一起,給人一種不尋常的視覺感受,另外,看似沒什么關聯的三個元素其實也是有關系的,從人到眼睛,再到背景其實是一個遞進的關系,因為眼睛來自于前面的人,而發散的背景來自于眼睛。 

           

          06 

          日本京都水族館的地鐵廣告,遠看是頗具爭議的詞語,走近一看文字是由大量海底生物組成的,細膩而獨特的畫風,以及巧妙的創意,共同成就了這組經典的作品。

           

          07 

          潘虎包裝設計實驗室為莫小仙設計的這套方便面包裝設計也很特別,市面上大部分方便面包裝都是大大地展示產品圖片,而該包裝卻以抽象的花紋作為主視覺,用不同的圖案和顏色來代表不同的品類,在貨架上非常亮眼。

           

          08 

          上圖為國外防疫宣傳海報,白底黑字加簡單、扁平的插畫,雖然很簡單,但是很吸睛、很有趣,且清晰明了,與國內的防疫宣傳海報還是很不一樣的。

           

          09

          在上圖中,設計師把直播的元素全部從手機中分離出來,然后與正在做直播的主播組合在一起,將旅游直播有趣地視覺化,背景沒有使用實景,而是用了純色塊,形式很新穎,也很時尚。

           

          10

          用文字與人物做穿插組合的海報很多,但大部分海報的文字效果都是扁平的,而上圖為了體現動作片硬朗的風格,使用了立體字,效果也是不錯的。

          注:文中圖片整理于網絡,如有侵權,請聯系刪除。 

           

          原文地址:蔥爺(公眾號)
          作者:蔥爺


          產品體驗日記4.0

          前端達人

          分享一波APP產品體驗日記,看看別人眼中的APP亮點是什么?不足處是什么?有哪些可以讓我們在工作中優化借鑒的呢?一起來看看產品體驗日記4.0吧~

          越來越雜食了,開始膽敢加移動端外的產品體驗了,以后日常生活例子估計也能拿來湊湊數~


          1、微信

          奧卡姆剃刀原理

          微信轉賬提示金額數位這個功能其實出了蠻久,不過最近才發現一個小細節。就是百千萬這樣的位數提醒,只有超過千時才會出現,左圖500塊是不需要的,因為百位算日常生活非常常用的數位,用戶識別速度快。即使是小功能也要做到盡可能克制,如無必要,勿增實體。

           

          2、開眼

          緊跟熱點,保持觸覺

          追熱點不僅僅是廣告媒體的事,設計師也應該保持對外界的關注??梢赃m當留意貼合品牌調性的實時熱點將他們運用到產品中?!芭囊慌摹边@種輕松幽默的調性很符合開眼推送的整體感覺,用起來毫無違和感。偶爾能給用戶制造小驚喜,增加趣味性。

           

          3、今日頭條

          快速觸達,原路返回

          在中文處點擊評論圖標,可以快速定位到底下的評論區,很好滿足了一部分瀏覽正文關鍵點同時看看其他用戶評論觀點的需求。再次點擊也能回到上次看到的位置繼續瀏覽動作。

           

          調動用戶情緒

          作為內容產品,文章也是內容生產不可缺的一部分。如何讓用戶生產高質量的內容,提高平臺內容質量。左圖評論發布的暗提示文案“優質評論將會被優先展示”,提醒了用戶用心組織評論的價值是會被優先展示,展示評論等于滿足了我們需要被“看見”的心理需求。

          右圖如果用戶進行點贊,只要手速快,界面會隨著連續點贊次數的增加不斷變換動畫效果,各種表情蹦出和連續點擊次數如“48”會持續刺激用戶進行點擊,也使用戶點贊得到正向反饋,增強下次的點贊欲望。用過調動用戶情緒達到目的。

           

          定制化內容

          無論是feed流文章還是評論,用戶都可以關閉自己不喜歡的內容,甚至舉報!舉報機制如果僅讓平臺審核工作量巨大,通過用戶舉報再審核可以篩選掉很大部分,減少運營成本。而純粹因不喜歡關閉,可以給用戶貼標簽,使平臺推算更精準。不得不說國內的內容產品幾乎只讓我們看到自己感興趣和認同的觀點,時候讓我們活在的同溫層中。

           

          4、綠洲

          差異化品牌元素

          如今產品同質化嚴重,雖然戰略、范圍層能決定產品的差異性,可不是設計師能左右的部分?;貧w到日常工作中,差異性更多可以表現在界面表現和交互上。綠洲作為一個年輕群體的內容社交平臺,年輕、有趣是主要的用戶特性,結合自身品牌基因,將仙人掌和沙漠等其他相關元素運用到了界面的不同地方,增加了產品趣味性又強調了品牌感,跟其他產品拉開了差異。

           

          分享動機

          分享作為引流的其中一個手段,怎么引導用戶進行分享是每個產品想增張都需要思考的。這里分享他人的動態可以選擇生成海報,海報模板可以更換樣式排版,用戶可以根據自身人設選擇相應的分享海報風格,塑造人設。這滿足了用戶需要被看到甚至被認可的人性需求。表面上是分享一張海報,一款產品,實際是自我價值觀的曝光。

           

          明星效應

          利用明星的粉絲效應和熱點可以很好的吸引用戶,產生情感連接。通過不消小紅點不舒服的強迫行為讓用戶注意到明星的入駐,當然這可能產品甚至更高的范疇~(這里的小紅點被我按掉了手動補一個)

           

          5、一零零一

          品牌感&差異化

          一零零一是一款以貓為品牌形象的漫畫閱讀產品,除了常見的加載,空頁面和引導頁等地方出現小貓的品牌形象,很多頁面也用了同樣的視覺元素加強品牌感。多個地方出現的元素如何做到提現相同的品牌要素而不重復,這里主要提取了主形象的關鍵因素比如貓耳朵,貓爪,尾巴,毛線球等有辨識度的獨有視覺元素。

           

          6、極簡匯率

          邏輯清晰,操作輕便

          極簡匯率是一款貨幣換算的小工具。印象中這種工具邏輯可能是一個搜索框,輸入價格,搜索框左邊可以選擇貨幣,然后出來一些不用貨幣換算結果,比較普通。然鵝這里的邏輯是展示常用的6種貨幣,直接顯示他們的相對價值,因為一般用戶換算需求最多就幾種。要切換只需點擊對應的幣種比如RMB,下面即可輸入并實時顯示換算結果。

          因為下方鍵盤常駐,沒有收起和展示的過程,整體上更直接也減少誤觸收起鍵盤的可能性。(說是誤觸因為沒有收起鍵盤的必要)右下角“交叉”點擊刪除最后一位,長按清空,細節也考慮得很周到。

           

          元素的取舍

          不同幣種切換可以通過右滑實現,即使用戶第一次使用,因為界面中沒有可切換幣種的按鈕或提示,但是切換又幾乎是一個必須的功能,IOS使用習慣者很可能會嘗試左右滑試圖找到切換功能。通過隱藏部分操作讓內容更聚焦在匯率換算上。

          左邊界面勾選表示了選中的貨幣,返回按鈕變成了向右箭頭,暗示了界面之間的跳轉邏輯,每個元素都有意義。

           

          7、Geist

          操作慣性&錨定效應

          Geist 是一款集冥想、腦力鍛煉、放松練習等放松身心的APP。新用戶一進入首先會看到左邊界面,通過連續回答幾個明知故問的問題(正常人應該都會選是),最后拋出是否想設置提醒,由于前面用戶已然形成了慣性,很可能讓用戶毫無察覺的設置了提醒功能~

          其次當我體驗完一個小游戲,選擇關閉時,會有“優惠僅限一次”這種挑戰用戶損失厭惡心理的付費引導彈窗。值得一說的是仔細一看定價:一年費用398;終身才238???排除有錢任性的豪,用戶對產品的定價預期會首先被一年的398錨定,然后發現永久的238相比之下簡直過于良心。這種看似毫無意義的定價策略被用在日常生活的方方面面如餐牌上首先展示貴價的商品,使之后出現的低價顯得更加劃算。

           

          8、網易課堂

          精準定位用戶

          網易課堂首次使用需要選擇感興趣的只是領域。雖然這種模式并不新鮮,不過最近看到做產品要,感覺有必要再強調一下。現在算法和人工智能做的就是不斷給用戶貼標簽,然后不斷讓數據庫里的人更“真實”,從而讓用戶看到他想看的甚至幫用戶決定他需要什么。如果你在電商平臺搜索瑜伽墊,相關推薦是雞胸肉,這就是理解用戶。

           

          9、Topys

          交互層級思考

          可以看到,左圖是內容的默認界面,底部有點贊,評論,分享,收藏四個功能,可以說是信息閱讀的標配功能。隨著用戶上滑時,為了一屏展示更多內容,同時提供沉浸式體驗,原來右側的三個功能分別隱藏和移到了界面的右上角(右圖)。收藏增加了用戶回訪的可能,分享則可能帶來用戶增張,所以都保留到右上方,唯獨評論雖然能增加內容熱度,但是用戶操作成本高,屬于較低頻操作,且如果放到右上角,不符合用戶預期~

           

          10、時間膠囊

          沉浸式體驗

          時間膠囊類似一種日記的變體,有點像小時候把自己的寶貝放一個地方藏起來多年以后再打開。有一種時光依舊的美好感覺,界面的配色除了一般日記產品的文藝感,還多了一種紙質的溫馨感。為了讓用戶相信這種美好的想像,里面的很多文案都讓人沉浸在對未來的憧憬和當下的珍惜里。

           

          替用戶做決定

          相信評價APP或者叫給APP打分都見過不少,這里直接將這種需要用戶思考的表述轉為:給我好評,不讓用戶啟動心理防線,紅色的愛心處理除了突出了評價功能的視覺,還暗示了好評這一潛移默化的概念。

           

          11、Yahoo

          數據可視化

          Yahoo天氣跟一般天氣預報APP類似,首先視覺上用不同氣候的實物圖作為背景,數據表格則使用模糊的背景承載內容,比較有臨場感。每小時的天氣和氣溫排列成高低不同的豎向矩形,矩形的高度暗示了當時的溫度,從而將溫度具象地表現成視覺圖形更快速的進行識別??梢钥焖俚亓私庖惶斓臍鉁刈兓头?,搭配根據時間點變化的天氣Icon(月亮和太陽),清晰直觀。

           

          12、Halo

          預判用戶行為

          Halo是一款攝影和壁紙分享應用,每天都會有官方和用戶自發更新的圖像內容。在用戶分享的內容中,用戶可以通過切換頂部的:原圖和壁紙,模擬用作手機壁紙的效果,右邊的小眼睛還給壁紙效果中添加時間或者應用APP的實際預覽效果。清晰的判斷出用戶將要進行的行為,減少了重新到圖庫設置背景逐張比對效果的時間。

           

          降低評論成本

          評論作為內容產品常見的操作之一,其成本相對點贊,收藏來說比較高,需要用戶組織語言,輸入文字或者表情。為了增加評論的熱度,預設留言讓用戶自行選擇可大大降低評論的成本和心理負擔。通過搖篩子的方式,暗示評論將是隨機、不可預測的,通過不確定增加了用戶的好奇心。不過需要設置豐富的評論范本,才不至于一篇內容下看起來都是復制粘貼的發言~

           

          制造稀缺

          現實生活中,資源有限,東西不夠。同樣的產品,越是稀缺價格越高。本質是信息不對稱,就像紅酒其實大部分用戶不在乎或者分辨不出好壞,但是默認貴的即是稀缺和好的。通過制造稀缺引起緊迫感,給用戶造成機會難得,不容錯過的錯覺。

           

          13、Chrome瀏覽器 (PC)

          智能化降噪

          說到智能化和降噪這兩個詞你一定不陌生,不就是AI和以內容為中心嗎?可是如果將他們合并起來看,其實設計可以有更多思考的空間。谷歌瀏覽器的首頁常用網站快捷入口,當鼠標滑到某個入口時,僅僅顯示獲取焦點狀態,需要稍微過一秒左右,獲取焦點狀態右上角才會出現刪除快捷入口按鈕。絕大多數用戶的使用場景是打開瀏覽器,在首頁快速點擊快捷入口進入對應網站,一般不容易注意到刪除功能的ICON,當他們真正需要的時候,圖標自然的出現了,機器仿佛會“觀察”用戶,再次驗證了好的設計不會讓用戶注意到~

           

          14、騰訊翻譯君

          考慮特殊場景

          很多產品設計的時候,在用戶使用場景上的思考可能都會有一定的缺失。用戶研究總是理所當然的按自己的理想使用場景考慮,與真實的用戶場景脫節。這里語音播放的時候檢測到用戶的音量設置可能影響收聽,友好地提示了用戶,否則很可能讓用戶誤以為沒操作成功或功能出現問題,減少了使用障礙,非常貼心。

           

          原文地址:站酷

          作者:什么東東o

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合