切換菜單

- 主頁
- 文章
- 社交媒體
- 最佳網站設計工具：我們設計團隊的 9 個最愛

# 最佳網站設計工具：我們設計團隊的 9 個最愛

已發表: 2016-05-19
作者
凱蒂
巴格利
類別
數字平台

在為代理機構的客戶設計網站時，需要使用的不僅僅是 Photoshop。 憑藉當今數字世界所提供的一切，我們才華橫溢的設計師編制了一些他們最喜歡的工具，供他們在尋求靈感、草擬想法或設計精美網站時使用。

## 53：紙和鉛筆

對於總是在旅途中為您的設計提出想法和編輯的設計師，53 有一個名為“Paper”的移動應用程序，它可以真正為您改變遊戲規則。 此工具可讓您直接在手機或平板電腦上做筆記和繪製草圖，從而節省大量時間並避免為圖像打開文件的麻煩。 當您有想法時不必急於桌面，您可以像在速寫本中一樣在圖像上記下一些筆記和想法。 此外，他們還提供了一種名為“鉛筆”的手寫筆工具，它是雙面的，一端用於素描，一端用於擦除，就像真正的鉛筆一樣。 這種工具組合是在快節奏的數字環境中完成工作的簡單方法。 Irina Likhashkina，Blue Fountain Media 藝術總監

## 彩色斯拉

Colorzilla 是 Google Chrome 的一個擴展，它在瀏覽器頂部放置了一個吸管工具，讓您可以在您可能遇到的任何網頁上找到任何顏色的十六進制代碼。 十六進制代碼是 HTML 中用於表示特定顏色的 6 位代碼（您每天都會學到新東西）。 如果您希望直接複製您喜歡的特定顏色，此高級工具可為您提供完美匹配所需的信息。 這是一個快速的小捷徑，經常派上用場。 Blue Fountain Media 的高級網頁設計師 Hannah Carroll

## Adobe 預覽

這是一個移動應用程序，您可以將其下載到直接與 Photoshop 連接的手機或平板電腦上。 Adobe Preview 允許您查看您的設計在這些設備上的外觀，並且在處理響應式設計或移動應用程序時非常有用。 您可以查看圖像在這些設備上的字體大小如何不同，並平衡您的設計以針對桌面和移動設備進行優化。 Blue Fountain Media 藝術總監 Jeremy Howell

## 字體忍者

Font Face Ninja 是一個 chrome 擴展（它也有 Firefox 和 Safari 選項），讓您可以將鼠標懸停在網站上的文本上，它會為您提供有關字體、重量、尺寸以及在哪裡購買或訪問您發現的字體的詳細信息。 它還允許您稍微使用它，並使用您在使用該工具時指定和輸入的句子或短語來預覽字體的外觀。 雖然該工具是免費的，但它讓字體設計師的辛勤工作得到了一些認可。 Blue Fountain Media 藝術總監 Jeremy Howell

## 顏色選擇器

當您在遠離計算機的外部某處找到靈感時，拍照可能無法使場景的顏色變得公正。 Color Picker 是一款移動應用程序，可以實時分析您的相機預覽，並提取您在任何給定時刻所面對的顏色。 您甚至不需要拍照來確定要保存的顏色。 您可以根據周圍的風景或具有多種顏色選項的特定視圖創建整個調色板。 Irina Likhashkina，Blue Fountain Media 藝術總監

## 遠景

Invision 的獨特之處在於它既是網站又是移動應用程序，它允許您向客戶展示具有高級細節和效果的模型和原型，而無需任何實際的後端編碼。 它在設計師和他們的客戶以及必須構建他們的設計的開發人員之間提供了一種無縫的溝通形式。 使用 Invision，您可以顯示滾動和懸停效果、下拉菜單和特定交互在實時站點上的樣子。 該工具有助於向開發人員說明設計意圖，並以最詳細的方式向您的客戶傳達願景。 Blue Fountain Media 的高級網頁設計師 Hannah Carroll

## 什麼字體

這是另一個 Chrome 擴展程序，可讓您在使用該工具時將鼠標懸停在網站字體上時找到有關網站字體的詳細信息。 您所在的任何網站，WhatFont 都會告訴您整個字體系列以及用於提供字體的服務。 它為您提供了一個快速簡單的快捷方式來訪問有關您找到的任何字體的詳細信息。 Blue Fountain Media 的高級網頁設計師 Hannah Carroll

## 土坯顏色

當然，Adobe Color 是 Adob??e Creative Cloud 的一部分。 該工具（網站和移動應用程序）允許您輸入特定的十六進制代碼，它將為您提供免費的顏色選項和調色板。 由於它與您的其他帳戶同步，它可以獲取您選擇的信息，並將其直接放入 Photoshop 中供您繼續使用。 該移動應用程序甚至可以讓您拍照並檢測圖像中顏色的“情緒”，然後您也可以直接將其輸入到 Photoshop 中。 即使您不一定在電腦前，它也是另一個可以使用的好工具，但會受到啟發。 Blue Fountain Media 品牌總監 Fabio Redivo

## 彩通色彩指南

雖然這在技術上不是在線工具，但 Pantone 色彩指南對任何設計師都非常有幫助。 在與對其品牌計劃有離線方面的客戶打交道時，我們發現它最有用。 從服裝到文具，再到徽標，您都希望您的品牌保持一致。 Pantone 色彩指南可讓您盡可能匹配 CMYK 顏色，以確保您的設計工作在線和離線都得到優化。 Blue Fountain Media 品牌總監 Fabio Redivo您最喜歡使用哪些設計工具？ 您在我們這裡提到的任何一個方面都取得了成功嗎？ 在下面的評論中讓我們知道，或在推特上@BFMweb。

此塊已損壞或丟失。 您可能缺少內容，或者您??可能需要啟用原始模塊。
洞察力

##
相關文章

分享，謝謝！
關於 AdWords 廣告系列無效點擊的 5 件事

您的 AdWords 預算過早耗盡的原因可能有很多（包括無效點擊）。

閱讀更多
優化您的博客：技術 SEO 的 10 個最佳實踐

在從搜索引擎引入新流量和用原創內容滿足當前受眾之間保持平衡很重要。 查看在優化博客文章時應該關注哪些技術 SEO 元素。

閱讀更多
B2B 營銷策略：社交媒體上的有效內容

社交媒體是任何企業最有效的渠道，因此 B2B 公司尤其需要製定正確的營銷策略來發布他們的內容。 找出對 B2B 組織最有效的策略和策略。

閱讀更多
如何使用關鍵字：撰寫改善 SEO 的博客文章

在博客文章中定位關鍵字時，通常很容易忽略受眾的需求。 這篇文章為您提供了有關如何為受眾和搜索引擎寫作的技巧。

閱讀更多
影響者營銷：建立媒體關係的步驟

加強和保持與行業影響者的積極關係可以幫助您發展數字公共關係工作。 這裡有一些工具可以幫助您為您的企業和您的客戶建立這些媒體關係。

閱讀更多