騰訊、阿里等大廠設計師做設計的10個細節,全網揭秘
隨著工作年限的增長,我們或多或少都會陷入一些固化的思維,認為有的東西只能這么做,或者只能那么表達,常常會陷入一種固化的思維僵局中,經常會產生靈感枯竭、無法產出的感覺,但當我們跳出當前的工作內容,多去看看別的產品別的平臺,甚至跟工作無關的事物和項目時,我們常常會找到新的思考方式,找到更多更好的表達方式和方法論。
之前看過一句話講的非常好,如果你一直在看新的東西、學新的東西、經歷新的東西,你的世界永遠是新鮮的,于是我們做的東西也是新鮮的、有創意的,哪有什么靈感枯竭,只是自己輸入不夠、見識不廣而已。
一、文字的表達力
作為設計師很容易迷念畫面的表達,喜歡用圖案,殊不知其實文字也是很有表達力的,在特定的場景它有時更直接。
以下是釘釘打卡的下班提示頁,沒有用非常酷炫的畫面,就用了幾個簡單的文字,然后配了一個酷酷的表情,表情頭部上面還帶了一個龍頭帽,祝福大家萬事興龍,感覺表達挺到位,形式也比較新穎,有眼前一亮的感覺。
運用文字表達還有一個優點,它特別方便迭代,可以根據不同的時間節點和節日,放置不同的文案來表達當前的一個節日氣息,既考慮了用戶,讓用戶感受到產品是在不斷的更新和迭代,同時也縮短了產品呈現的一個時間成本。
二、古風的另一種表達
用一些古代家具的邊框細節樣式也能表達出濃濃的古風韻味,技法用了圖片合成的方式,效果非常的亮眼,主題表達很清晰。
以下是安徽建設銀行的一個活動頁面,它就是大量借鑒古代家具、門窗、畫軸和珠寶飾品的的樣式,它把家裝設計、建筑設計會運用的手法和樣式引入到了UI設計當中,很好的表達了徽派文化、古城文化,這個新思路很值得學習。
三、注重細節帶來的微妙變化
圖標是UI設計中經常會運用到的元素,注重在細節上的變化和重組,可以產生多樣的視覺效果,豐富頁面的多樣性。
唯品會的這兩組圖標,他們分別放置在不同的頁面設計中,但是設計師善于運用細節的微妙變化,讓產品產生了多樣豐富的感覺,但是他們又具有一定的統一性,因為這兩組圖標都是基于在一個圓角正方形內做的變化和創作。
四、用水墨風來表達具有古風品牌的產品
當今國潮風、水墨風比較盛行,甚至在逛大街的時候都能看到有少男少女穿著具有古風韻味的衣著,成為大街上一道靚麗的風景,如果這種水墨風表達在UI產品設計中會是怎樣的風景呢?
以下就是長沙茶顏悅色的小程序首頁,整個產品從插畫、圖標、彈窗都運用的水墨的表達方式,甚至連字體都沿用了具有古色的襯線體和毛筆體,把茶顏悅色的品牌文化表達的淋漓盡致,因此它也成為了眾多APP設計中一道吸睛的產品,風格比較別致,與眾不同。
五、品牌名稱/slogan在金剛區的應用
在金剛區加入企業想要傳播的信息,他可以是品牌名稱,也可以是一段slogan,這樣傳播更有效、更直接。
中國電信一改之前的風格,直接在APP首頁中把企業的名稱融入到了金剛區的圖標中,有種眼前一亮,風格新穎的感覺,也是一個很好的品牌傳遞的策略。
安徽聯通,他想在新的一年里表達企業的一個完美愿望,他把“完美好生活”諧音成了“皖美好生活”既表達了愿望,同時也標榜了地域文化,可謂一舉兩得。
六、閃電圖形在促銷活動中的應用
閃電圖形給人一種快且迅速的感覺,能在心理上加速人的緊迫感,同時也能給人一種很強烈的提示感,易引起人們的注意。
拼多多在產品的促銷活動中運用了一個閃電的負形,讓人一眼就看到九折的促銷活動,成功的吸引了用戶的關注,是一個很好的設計處理方法,顏色也采用了讓人有購買欲的紅、黃色。
京東在促銷活動入口處也運用了閃電圖形,同時也是用的紅橙色,確實這兩種顏色的提示力比較強,在很多的電商平臺都有運用。
淘寶在限時優惠活動中也運用了閃電圖形,給人制造一種緊張的心理,引導用戶快速購買。
七、局部打破能帶來不一樣的效果
打破的卡片式設計看著更加的靈動,卡片的空間感、設計感會更強。
中國聯通在卡片的右上角向內破了一個角,然后把角內陷留出來的空間放置一個圖標,并且圖標是疊加在下面的,這樣圖標并沒有成為主角,依然還是內容為王,但是整個頁面的美感提升了很多,空間感也強了很多。
叫叫閱讀也運用了卡片右上角打破的手法,只不過這次他的目的不一樣,他是為了讓孩子每天堅持打卡,所以它把右上角放置動態的叫叫IP ,起到了一個強化和提醒的作用,業務目的不一樣,所呈現的方式也會略有不同。
八、卡片設計的更多可能
在卡片的底色上添加與文案話題相符的底紋,增加了卡片的氛圍感,起到突出和強調的作用。
微博中,它根據不同的熱點,不同的主題,在每個卡片的右上角都配置了與當前博主相符的圖形底紋,讓整個卡片的氛圍感爆棚,是一個很好的設計借鑒點。
九、通過添加紋理增加按鈕的趣味性
小小細節,大大的思考,多一點點的用戶體驗思考,會帶來更多不一樣的設計。
手機公積金的這款按鈕設計非常的有趣,通過增加用戶使用場景下的指紋和表情大大增加的產品的情感化設計,雖然按鈕上的這個指紋繪畫起來并不難,按鈕上對應的表情其技術實施難度也不大,可是這種切合用戶情緒和使用場景的設計,卻非常的遭用戶喜歡,設計者的思維方式值得學習。
鐵路12306的冬季酒店活動推廣中,在按鈕設計中加入了雪花、融雪的元素,營造出了滿滿的冬季氣息,氛圍營造的非常到位,跟周圍的活動插畫也融為一體,整體感也很強。
錢包APP卡片中的文字沒有使用常規的按鈕表達方式,而是在需要用戶點擊的地方添加了一個精致的漸變底色,這種新穎的按鈕表達方式起到了一個提醒人們注意的作用,增加了用戶點擊的欲望和概率。
十、上頂的交互動效提升頁面的利用率
當首頁需要展示的信息太多時,上頂的交互方式是一個不錯的選擇。
飛豬旅行的首頁需要展示 的信息特別多,當人們點擊下面的面包屑按鈕時,對應的模塊信息會上滑全屏顯示,大大增加了頁面的利用率,同時也給用戶帶來了沉浸式的感官體驗。
產品體驗總結:
生活中到處都是師者,做一個有心人,每天去觀察身邊產品中的小細節小心思,積累到一定的量的時候,關鍵時刻也能給我們日常設計工作中帶來很多的靈感和啟發,為自己的設計工作賦能。
本文觀點都為個人理解和總結,不足之處也歡迎大家留言區多多點評指正,大家共同進步!
作者:姝斐suphie,公眾號:姝斐
本文由 @姝斐suphie 原創發布于人人都是產品經理。未經作者許可,禁止轉載
題圖來自 Unsplash,基于CC0協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
非常好的文章,設計常常是被人們忽略的細節,但實際上是產品得以致勝的秘訣,希望每位產品人都能回歸初心,匠心出良品
哇,大廠設計師的秘密武器被揭秘了,這10個設計細節得學起來,提升技能必備!