如果你剛剛開(kāi)始創(chuàng)建你自己的網(wǎng)站設(shè)計(jì)系統(tǒng)，一點(diǎn)點(diǎn)視覺(jué)上的靈感可以幫助你走得更遠(yuǎn)。我們收集了來(lái)自世界著名品牌的10個(gè)最佳網(wǎng)站設(shè)計(jì)系統(tǒng)。

一個(gè)網(wǎng)站設(shè)計(jì)系統(tǒng)可以幫助你公司的每一個(gè)人保持品牌一致性，它是一個(gè)系列指南，解釋了如何在日常溝通和營(yíng)銷工作中使用您的品牌資產(chǎn)。

設(shè)計(jì)系統(tǒng)通常包括一般的品牌指導(dǎo)方針、顏色使用、品牌色調(diào)和聲音、排版、圖案以及其他有助于傳達(dá)品牌原則的視覺(jué)元素。利用它們作為靈感和學(xué)習(xí)材料，幫助你為自己的企業(yè)和品牌創(chuàng)建一個(gè)有凝聚力的設(shè)計(jì)系統(tǒng)。

1、Material

材料是谷歌開(kāi)發(fā)的現(xiàn)代設(shè)計(jì)系統(tǒng)，這個(gè)設(shè)計(jì)系統(tǒng)本身就是一個(gè)寶庫(kù)，里面有很多有用的指南和工具，應(yīng)用程序開(kāi)發(fā)人員可以使用它們來(lái)設(shè)計(jì)一個(gè)應(yīng)用程序，這個(gè)應(yīng)用程序既要符合材料風(fēng)格，又要符合任何想要?jiǎng)?chuàng)建現(xiàn)代時(shí)尚設(shè)計(jì)的人的需要。您將發(fā)現(xiàn)調(diào)色板選擇器，排版指南，圖標(biāo)設(shè)計(jì)最佳實(shí)踐，創(chuàng)建黑色材料主題的能力，以及更多。

2、Fluent

Fluent設(shè)計(jì)系統(tǒng)是由微軟公司開(kāi)發(fā)的，旨在通過(guò)為所有平臺(tái)開(kāi)發(fā)的開(kāi)放設(shè)計(jì)系統(tǒng)來(lái)創(chuàng)建簡(jiǎn)單和連貫。它專注于統(tǒng)一原則設(shè)計(jì)、技術(shù)創(chuàng)新和客戶需求的基礎(chǔ)。該系統(tǒng)基于五個(gè)關(guān)鍵組件：光、深度、運(yùn)動(dòng)、材質(zhì)和比例，它還列出了為Windows、Android和iOS設(shè)備開(kāi)發(fā)應(yīng)用程序的指南。

3、Shopify Polaris

Shopify Polaris的開(kāi)發(fā)使所有Shopify商家都能享受到很棒的體驗(yàn)，并從漂亮的商店設(shè)計(jì)中獲益。這個(gè)設(shè)計(jì)系統(tǒng)有指導(dǎo)方針，以打造每一部分的購(gòu)物體驗(yàn)；從管理屏幕到產(chǎn)品體驗(yàn)和各種Shopify應(yīng)用程序。它涵蓋了內(nèi)容、組件、設(shè)計(jì)和模式指南。您還將發(fā)現(xiàn)到第三方工具的有用鏈接，這些工具可以作為一個(gè)靈感或幫助您學(xué)習(xí)如何有效地為Shopify設(shè)計(jì)。

4、Mailchimp

Mailchimp一直被認(rèn)為是一個(gè)詳細(xì)的公司品牌音調(diào)和語(yǔ)音指南的最佳例子之一，但他們也有一個(gè)非常全面的設(shè)計(jì)系統(tǒng)，專注于模式庫(kù)。你可以在他們的營(yíng)銷平臺(tái)上找到關(guān)于顏色、按鈕、警告信息和其他方面的詳細(xì)指南。更重要的是，指南中有大量的例子和解釋來(lái)分解最重要的概念。

5、Atlassian

Atlassian是一家澳大利亞軟件公司，以其問(wèn)題跟蹤應(yīng)用Jira而聞名。他們的設(shè)計(jì)系統(tǒng)不僅描述了如何使用他們的標(biāo)志、品牌顏色、字體和其他設(shè)計(jì)元素，而且還讓他們的品牌個(gè)性閃耀出來(lái)。用“龍血”和“牛肉干”這樣的顏色命名，很容易理解為什么他們眨眼間就把自己的風(fēng)格描述為大膽、樂(lè)觀和實(shí)用。

6、Apple

蘋果的設(shè)計(jì)系統(tǒng)旨在促進(jìn)應(yīng)用程序和蘋果產(chǎn)品套件的設(shè)計(jì)，但它們的風(fēng)格指南中有很多值得學(xué)習(xí)和欣賞的地方。首先，你可以下載SF圖標(biāo)，這是為了補(bǔ)充蘋果設(shè)備的系統(tǒng)字體。您還將找到UX設(shè)計(jì)的指導(dǎo)方針和說(shuō)明，使應(yīng)用程序更容易訪問(wèn)，以及附件。

7、IBM Design Language

IBM設(shè)計(jì)系統(tǒng)背后的指導(dǎo)原則是建立聯(lián)系，他們的設(shè)計(jì)系統(tǒng)不僅記錄了他們的風(fēng)格指導(dǎo)方針和品牌資產(chǎn)使用情況；他們還分享了他們的哲學(xué)，以及一個(gè)畫廊，充滿了他們的設(shè)計(jì)系統(tǒng)在行動(dòng)的例子。設(shè)計(jì)系統(tǒng)本身包括顏色、排版、徽標(biāo)、圖標(biāo)、象形圖、攝影和運(yùn)動(dòng)。

8、AirBnB

AirBnB通過(guò)一系列深入討論每個(gè)設(shè)計(jì)選擇背后的決策、實(shí)際應(yīng)用示例和從中吸取的教訓(xùn)的文章，全面概述了他們的設(shè)計(jì)系統(tǒng)。他們的設(shè)計(jì)語(yǔ)言的主要特點(diǎn)是，每個(gè)組件都可以作為一個(gè)獨(dú)立的實(shí)體獨(dú)立存在，甚至可以進(jìn)一步發(fā)展，同時(shí)也是一個(gè)更大的內(nèi)聚單元的一部分，將他們的設(shè)計(jì)系統(tǒng)比作一個(gè)有生命的、有呼吸的有機(jī)體。

9、Uber

Uber將自己的品牌描述為一個(gè)大膽的新品牌，他們的設(shè)計(jì)系統(tǒng)很好地詮釋了這些原則。設(shè)計(jì)系統(tǒng)涵蓋了他們整個(gè)品牌的視覺(jué)效果，從標(biāo)識(shí)使用到顏色、構(gòu)圖，甚至攝影和運(yùn)動(dòng)。Uber的設(shè)計(jì)系統(tǒng)以優(yōu)雅簡(jiǎn)潔為核心，盡可能巧妙地再現(xiàn)著名的U。

10、Lightning Design System

最后，閃電設(shè)計(jì)系統(tǒng)是由Salesforce開(kāi)發(fā)的，它可以保持所有東西的統(tǒng)一，并且對(duì)于任何為該平臺(tái)設(shè)計(jì)的人來(lái)說(shuō)都很容易訪問(wèn)。設(shè)計(jì)系統(tǒng)不關(guān)注像素，而是關(guān)注應(yīng)用程序邏輯、用戶體驗(yàn)、交互和流程。您將發(fā)現(xiàn)深入的指導(dǎo)原則和示例，它們不僅涵蓋設(shè)計(jì)指導(dǎo)原則，還包括可訪問(wèn)性問(wèn)題和組件藍(lán)圖。

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://jstctz.cn/21638.html