設計師非常熟悉的「Dribbble」迎來10年來最重大的設計升級；「Facebook」網頁版視覺升級同步支持黑暗模式。
文章轉載自：GrayDesign
ID：GrayDesignHK
原創：GrayKam
原文標題：Dribbble、Facebook輕量化設計升級!
編輯：亦夕
近年來，在產品體驗設計中，「輕量化設計」一直廣受歡迎。「輕量化」旨在去除繁瑣的流程與交互、減少那些對信息傳達無關的視覺干擾。讓設計，真正服務於內容。
今天為你分享2個近期發佈的設計升級案例，因其更新時間和設計目標都異常接近，所以整合在一篇文章進行分享。
分別是設計師非常熟悉的「Dribbble」迎來了10年來最重大的設計升級，以及「Facebook」網頁版視覺升級同步支持黑暗模式。
01
Dribbble全新升級
從「你正在創作什麼？」這一口號，鼓勵創作者上傳個人作品到Dribbble開始的10年以來，Dribbble已從分享設計創意的網站迅速成長為一個全球型的創意社區，成千上萬的人在這裡探索設計靈感，並且建立一系列圍繞設計而展開的聯繫。
1、Dribbble的新時代
在過去的十年中，Dribbble界面的主要功能是將設計師的作品放在首位：這就像是一塊沒有任何修飾的畫布，它不追隨任何潮流與趨勢，只是默默地展示著創作者的設計作品。
然而，多年以來各種不同風格的設計導致了Dribbble在美學上嚴重脫節，我們在產品日常迭代中建立了不少一次性的設計頁面，這不僅增加了Dribbble代碼庫的壓力，也直接導致了Dribbble設計系統中存在太多不一致的地方。
Dribbble舊版首頁
我們全新的設計系統旨在保持視覺和諧的同時，充分展現你的創造力。
Dribbble全新首頁
如今，我們正在將Dribbble界面進行改進，以更簡潔的佈局、更一致的設計語言、更純粹的色彩搭配、更輕量的代碼庫（更快的加載速度）以及全新的配置文件（旨在準確展現你的作品與個性）。
2、全新的個人中心
在進行個人中心頁面的重新設計時，我們重新思考了作為設計社交產品的定位，以及如何最好地展現用戶作為創意人的這一身份。
對於Dribbble Pro和Pro Business的付費用戶，你現在擁有一個經過全面設計的主頁，可讓你在Dribbble上進行更多個性化設置。
花了錢的個人中心
沒花錢的個人中心
你還會注意到，這些個人資料讓你有了更充分的展示空間，讓你的作品在客戶、招聘經理和探索設計靈感的人看來都更加地引人注目，而且這個新的個人中心是支持自定義的。
3、全新的「About」
除此之外，我們還修改了「關於」的部分，以將你的所有個人資料信息集中在一起，以便你可以在一個地方完整地展示你的工作經歷、個人簡歷和技能等。
別人家的「About」
我的「About」
4、全新的消息組件
全新的消息組件讓客戶一鍵即可從你的個人資料頁面向你發送消息，從而使他們能夠更輕鬆地與你取得聯繫。
5、所有人的個人中心
並非只有Pro和Pro Business用戶才能獲得全新的個人中心，無論你是設計內容的創建者還是策展人，Dribbble上每個用戶的個人中心頁面都將得到升級。
尚未訂閱Pro的設計師會看到他們的個人資料設計將更加地簡潔，從而使正在展示的出色作品更加地引人注目。
6、全新的收藏
我們用可分享的整版頁面來展示你的收藏（以前稱為「Buckets」），這些全新的頁面旨在讓你更輕鬆地在Dribbble上發現並收集靈感。
7、Curators（白瞟用戶）頁面
即使不在Dribbble上傳作品的用戶，也會有個人中心頁面，讓你可以通過自己喜歡和收藏的設計作品來展現自己的個人品味。通過保存「Shots」創建一個合集，它會自動添加到你的個人頁面中（類似Pinterest和花瓣）。
8、少即是多
我們在重新設計Dribbble時面臨最大的挑戰之一是我們的「Shot」網格，這是大多數人發現優秀作品的主要方式。
我們有意識地決定在其中「撤回」我們的設計，以便更充分地展現你在Dribbble上的作品，更少噪音、更少干擾、更直觀的展示。
02
Facebook全新升級
就在Dribbble發佈設計升級的幾天後（也就是20號），Facebook在官方Twitter正式宣佈了全新的Facebook網頁版設計方案上線。
全新的設計方案摒棄了Facebook自發布以來最具標誌性的藍色導航欄，而採用了更加清爽、簡潔的設計與佈局。
1、期盼已久的更新
這也是自2019年Facebook F8開發者大會首度公開以來，網頁版終於在本週四（3月19日）開始在全球範圍內逐步開放上線。
2、以內容為中心
網頁版的設計與移動端保持一致的輕量化設計風格，讓用戶更多的注意力集中在內容本身。全新的頁面佈局將導航和內容分成更少的列，目的是簡化用戶體驗並讓用戶的使用過程更加地輕鬆、簡單。
對於不習慣新版本操作的用戶，可以隨時切換回經典版本，切換的過程中還會彈出一個關於新版本的滿意度調查彈窗。
3、支持黑暗模式
同時，眾網友期盼已久的Facebook「黑暗模式」也跟著這一次的設計升級一同到來，在網頁版可通過點擊導航欄右上角的icon找到「夜間模式」一欄，一鍵切換至黑暗模式。
這也是自從3月初，Facebook旗下的WhatsApp推出黑暗模式以來，又一款正式支持黑暗模式主題的應用。不過可惜的這一功能目前僅在網頁版開放，移動端可能還需再等等。
WhatsApp在推出黑暗模式時，同步發佈的宣傳短片《Hello Darkness》，展示了在日常生活中各種因為App不支持黑暗模式而「亮瞎眼」的痛苦體驗。所以，Facebook移動端的用戶也不用太擔心，相信移動端支持黑暗模式只是時間問題。
WhatsApp《Hello Darkness》
本文內容由「GrayDesign」編譯整理，僅供分享交流，版權歸原作者所有。
關注GrayDesign，發現更多好設計
注意：本文含有投票，請到設計癖官網（shejipi.com）參加投票。
閱讀更多 設計癖 的文章
