中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在設計工作中，參考成熟產品的設計，能給我們帶來很多啟發。本文作者就整理了20個PC端產品設計的案例，并給到了自己的觀點和看法，可以幫助大家更好理解和做好PC端設計。

從事B端設計第6個年頭了，接觸了各式各樣的B端客戶和需求，有很多的感悟和心得。

人們常說，B端設計只注重功能，不注重美感，要是幾年前，別人這么跟你說，你可以信，但是現在要是還有人跟你這么說，千萬別當真。

現在各企業的B端產品，功能已經近乎完善，想要拉開差距，就只能從細節、體驗和設計來著手了。

那么設計又該如何做到風格多樣化，百看不厭呢，我總結了有以下20個風格設計的切入點，希望我的分享能給大家帶來啟發。

一、在首頁中添加微動的背景元素

可靈AI的首頁一改常規的設計，不再是一上來呈現精美的圖標，而是用了一個簡潔的動效，配上一句slogan，上面懸浮幾個常用的功能按鈕，簡潔有力，清晰明了。

二、在頂部加入廣告通欄的方式

在有銷售場景的需求中，在首頁加入廣告通欄的形式，循環的告知用戶產品的折扣、福利以及產品亮點，是一個不錯的設計著手點。

下邊把大的圖片做成了功能切入點，避免了在頁面功能單一的情況下，只用圖標出現的頁面單調問題。

三、用圖表來呈現內容

在首頁中不需要華麗的圖片，也無需精美的圖標，只需用圖表就能清晰表達內容也是一種不錯的表達方式。

聯想電腦管家就是這樣的，用戶的主要需求是關注電腦的關鍵性能運行狀態如何，用簡單的圖表就能清晰且美觀的呈現，那么圖表也是不錯的選擇。

四、植入壁紙來呈現內容

在首頁中植入美圖壁紙也是不錯的選擇，甚至連小程序圖標也用圖片來呈現了，打開了我以往認為只有繪制的圖才能成為主視覺的誤區。

聯想應用商店，沒有應用精美的插圖設計，就運用了美輪美奐的壁紙圖片，效果也很好，信息傳達很清晰。

首頁banner沒有做成通欄，而是在右邊還植入了四個功能入口，大大提升了頁面的利用率。

五、用卡片的視覺方式渲染主功能按鈕

發現在頁面中運用PPT的卡片設計方式，視覺呈現也不錯，頁面簡潔又不失美觀。

通義千問，在設計學習助手時，就運用了工作中常用的PPT卡片的方式來表達實時記錄、閱讀助手、PPT創作，非常的形象，與現實場景很貼切，拉近了與用戶的距離。

六、用實物代替圖標的造景也很美

用美的照片實物圖，代替圖標，也很美，畫面很豐富，但是這時圖標應用就要立刻降噪了，不適合用樣式太多的圖標，應簡潔。

佐糖的界面，用了大量的實物圖，頁面看起來比較豐富，這時候它的圖標就非常的簡潔，用了很簡潔的線性圖標，這樣頁面就沒有看起來太散焦，很簡潔有序。

七、打破形式帶來新的視覺聚焦點

用破形的方式，改變常規的繪圖方式，可以帶來視覺聚焦。

智譜清言的精選工具一欄，所有拱形里面的圖都特意超出拱形，打破常規的拱形造型，吸引了人們的注意力。

同時也更具設計感和美感，下面的的文字造型標簽也特意呼應上邊帶圓角的拱形造型。

八、用微質感圖標帶來的視覺聚焦

對于抽象的科技產品來說，無法用具體的實物進行清晰傳達，此時用抽像的圖標表達是不二選擇，可以降低產品的乏味性，同時又兼具美感。

騰訊電腦管家，用很有創意的圖標把一些功能呈現出來，既表達了產品，又傳遞了美感，同時主視覺圖標還有微動效，產生了讓人無法抗拒的喜愛之情。

九、簡潔扁平插畫的應用風

在界面中應用簡潔的扁平插畫，也是一種思路，賦予產品文化氣息。

我曾經接觸過一個項目，客戶希望產品能表現出強烈的地域文化氣息，希望用戶打開界面，一眼就知道是哪個地方的產品，我當時靈機一動。

想到的是把地方的特色建筑融入產品，于是就產出了如下的產品呈現，采用了簡潔的建筑扁平插畫應用其中。

十、幾何色塊的應用

有時候在主要功能區，應用簡潔的漸變幾何色塊也是不錯的視覺風格。

曾經做過一個項目，在點子窮盡的情況下，除了圖標、圖片、形式等外，我發現在卡片上植入簡潔的漸變幾何色塊也是不錯的視覺呈現。

只要信息表達清晰，也能給觀眾帶來不一樣的視覺感受。

十一、不同色塊的層級分區，打造別樣風格

常規的卡片設計一般都是白色，然后配圖，有時候打破常規，運用顏色卡片做區分也是一種不錯的選擇。

以下是我體驗的稿定界面設計，它一改常規的白色卡片界面，整個底色運用了灰色，主要功能區運用有彩色。

其他的非主要功能區運用了各色的灰作為底色，整個界面看著非常的協調美觀，層次分明，有強有弱。

十二、圖標與卡通插畫并用

界面中用圖標和卡通插畫并用的方式，可以創造出豐富且驚喜的視覺效果。

星辰大模型的首頁就是運用了圖標和卡通插畫的方式，避免了頁面單調的窘境。其實卡通插畫也是功能點擊入口，只是換了一個形式，但是多樣的組合讓界面更豐盈。

十三、瀑布式的布局視覺風

在圖片資源的需求場景中，瀑布式的布局很沉浸，方便用戶海量瀏覽。

花瓣官網用了菜單頂置，下面圖片內容瀑布式陳列，瀏覽起來特別的舒適，視覺呈現也無比美觀。

十四、扁平功能圖標配合banner圖的視覺風

超質感banner圖標與簡潔圖標的結合，畫面有對比、有節奏。

釘釘塔，頭部運用了立體的的質感圖標，下面運用了極簡的扁平圖標，對比感強烈，大小面積對比也強烈，畫面布局很舒適。

十五、樂趣式表達，讓界面更有趣

B端產品也可以很好玩、很有趣，同時兼顧功能的表達。

釘釘應用中心，界面用2.5D的方式再配合動效表達，呈現出車水馬龍的熱鬧景象，很有生活的氣息，同時將釘釘的應用全部呈現，表達了釘釘應用的豐富。

十六、疊加式卡片banner輪播

疊加式的banner輪播，讓用戶感受到豐富的可能性。

CCtalk首頁應用了疊加式的banner輪播，讓用戶感受到廣告的豐富性及頁面的豐富性，頁面下邊應用簡潔的疊加色塊圖標，打造出了別樣的視覺風格。

在設計形式上，banner和圖標都應用了同樣的方式，都用了疊加式。

十七、影視粒子動效的視覺應用

運用飛濺的粒子動效，從外往里走的視覺非常的震撼，視覺引導比較強烈，這種視覺效果經常出現在電影中，應用在B端中，也是別有一番風味。

天翼云在中國電信算力套餐的推廣中，應用了飛濺的光束動效，很耀眼，成功的吸引了用戶的注意力，為活動推廣做了很好的助力。

十八、沉浸式的氛圍運營

運用簡潔的幾何體、線條、飄帶、圖標、光束、微動效，可以營造出熱鬧豐富的視覺效果。

天翼云在云端翼購節中，運用了簡潔的飄帶形式、圖標、光束動效，再配以明亮的色彩，讓購物節的氛圍瞬間靈動起來，同時也不乏科技感，設計感滿滿，朝氣感滿滿。

十九、跟隨鼠動的視覺風格

當鼠標在頁面中滑動時，頁面中的元素也跟著鼠標一起動起來，這種互動感和交流感會加大很多。

Bilibili在首頁菜單欄處，融入一張可以跟隨鼠標大幅度動起來的漫畫，讓人眼前一亮，趣味性和互動感增加很多。

二十、大場景3D建模視覺風的應用

在首頁運用全域場景的建模，配合適度的微動效，也會給界面帶來耳目一新的視覺體驗。

嘉為藍鯨的PC端界面，特別的吸睛，完全打破了傳統B端界面中規中矩的樣子，現代、時尚、震撼、有序，大大提升了用戶的視覺體驗。

總結

探索B端界面多樣性，是我的需求，也是很多B端設計從業者的需求，通過大量的分析、體驗、探索，我發現其實B端產品也是這么的豐富多彩。

它的表現手法也不拘泥，有時候也是那么的大膽、奔放，給用戶很多驚喜，也給設計從業者的我帶來了很多靈感的碰撞，以及思維的啟發，設計永遠沒有最好的，只有更好的。

本文觀點都為個人理解和總結，不足之處也歡迎大家留言區多多點評指正，大家共同進步！