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

編輯導讀：新擬態風格與扁平化風格完全相反，可以理解成“加高光、加漸變、加陰影”，其原理是為界面的UI元素賦予真實感。本文圍繞新擬態設計進行了分析，希望對你有幫助。

一、設計師Alexander Plyuto發布的作品

在該風格之前，產品普遍是扁平化風格，扁平化設計意味著將界面中所有元素做扁平處理，其特征是：去高光、去漸變、去陰影。

二、什么是新擬態

首先了解“擬態化”，它用于描述界面對象，反映了現實世界中的對象對應到數字界面中的顯示方式。此設計概念利用了用戶對實際對象現有認知和思維，該設計風格讓用戶無需花費額外時間學習新的界面，當UI元素與顯示世界類似物結合時，可以減輕用戶的認知負擔。

新擬態風格與扁平化風格完全相反，可以理解成“加高光、加漸變、加陰影”，其原理是為界面的UI元素賦予真實感。原生名詞有幾種叫法：Neumorphism/soft UI，翻譯過來就是“新擬態”/軟UI，是一種具有流線感的設計風格，介于扁平與投影之間。

三、新擬態特點

?圖片源自Dribble @Alexander Plyuto

新擬態風格特征：

①投影和高光的明暗形成了立體的“浮雕”效果，元素呈現有厚度感但又柔和的邊緣，無紋理的擬物風。

②克制的色彩使用；

③整個界面中的元素只有一個光源照射。作者預設了一個光源，靠近光源的部分更亮，反之更暗。圖片中作品的光源固定位置是從左上角向右下照射，即受光面在左上，故元素的左上 和 右下投影呈對比；

④元件與背景采用相近色。無論界面是淺色模式還是暗色模式，各個模式下的顏色對比度很低，整體視覺上非常柔和、甚至是模糊，易引起視覺疲勞；

⑤視覺上按鈕狀態采用“選中狀態下按鈕是凹進去的，未選中時是凸出來的”方式。對于選中狀態，圖片中作品的元素做了內陰影的處理方式，同時，選中狀態的元素統一采用與未選中狀態相反的光源。

常見樣式較簡單，有時也會采用漸變手法表現元件質感。此處筆者通過PPT制作了簡單的效果圖。

常見樣式：

添加漸變的樣式：

Photoshop也可以實現該效果，雙擊圖層，對“投影”進行設置：

四、新擬態的局限性

新擬態意味著界面與實際事物的類似，但需要謹慎運用。新擬態風格的柔和特征也有很明顯的缺點，即弱清晰度。故在設計時為了讓層級在視覺上更清晰，會增加一些漸變描邊等處理方式。

以此我們延伸一下該風格的局限性：

①弱清晰度；新擬態對視力低下、失明、色盲的用戶來說，可辨識性較 差。而產品設計需要尊重無障礙設計。

《世界現代設計史》引用

無障礙設計始于1974年，是聯合國組織提出的設計新主張，強調的是在科學技術高度發展的社會，一切有關人類衣食住行的公共空間環境以及各類建筑設施、設備的規劃設計，都必須充分考慮具有不同程度身體上缺陷的人和正?；顒幽芰λネ苏?（如老人）群眾的使用需求。設計能滿足這些人需求的服務裝置，營造一個充滿愛與關懷，切實保障人類安全、方便、舒適的現代生活環境。設計上考慮殘障群體的需求，讓他們更平等地使用互聯網，要求設計師的同理心和責任感。無障礙設計原則：可感知、可操作、可理解、全面、可靠。

②尺度把握相比扁平風格更難。

例如 元件投影的輕重把控，太輕的投影不利于用戶快速找到目標、太重的投影則容易讓界面顯得很臟；如果一定要用新擬態設計產品，則需要將元素通過增加漸變描邊的方式提高識別度，便于信息傳遞；

③不夠明了的視覺層級關系。新擬態風格的元素具有漂浮、脫穎而出的特點，元素會在一個界面空間競爭，對于用戶而言很難理解界面中的視覺層次以及信息層級關系，造成頁面混亂。

當頁面缺少信息層級關系時，會影響到用戶的決策過程，如果同一個頁面出現多個可操作性內容，但信息層級關系模糊，容易使用戶在當前頁面/流程中的某一步產生困惑，最終可能導致錯誤操作；

④新擬態具有一定的隱喻性。即 它會引導用戶點擊或者會讓人認為這是一個功能按鈕。

例如 一款產品在界面中僅有一個新擬態卡片展現，那么用戶容易被引導對卡片進行點擊這一交互行為。但也許該卡片僅僅用于展示卡片內容，此時新擬態卡片的設計問題就顯露出來了。
工具推薦:https://neumorphism.io/#55b9f3

五、新擬態的適用性

前面講述了新擬態風格的局限性，接下來了解下該風格的適用性。沒錯，雖然它的缺陷多且明顯，但也有適用的產品。例如 目前市面上該風格多用于工具類產品（工具型產品具有“場景固定、需求明確、產品黏性相對較低”的特點，例如 筆記類、天氣類、時鐘類、遙控類），工具類產品相對固定，也無需過多的運營內容，更容易把控，因此視覺風格上的發揮空間更大；

新擬態風格設計需要注意：復雜頁面或者復雜控件中，要謹慎使用新擬態風格；混合使用，考慮風格兼容問題；新擬態的隱喻性需要考量，避免用戶誤解；考慮該風格對殘障人士的影響以及在特殊場景下的實用性。

國內相關例子：有道云筆記，具體的體驗報告在下一篇文章。

本文由 @產品秘閣 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議。