作為一個網頁設計師,你的電腦上絕對需要的軟件是什麼?很可能是Photoshop和Illustrator。雖然這些是設計工作流程的基本要素,但也有一些你可能不知道自己需要的小工具。
最棒的是,你甚至不需要下載它們——只要安裝這些Chrome擴展就可以了。從識別網頁上的字體到測量網頁元素之間的距離,這些網頁設計Chrome擴展將使您的生活更輕鬆。
Dropbox最初是一個文件託管服務,但很快發現它的主要受眾是設計師,他們使用該服務與同事共享工作。因為設計文件通常對於電子郵件附件來說太大了,所以更容易向文件發送Dropbox鏈接。
Gmail的Dropbox使這個過程更加方便。當您使用新電子郵件窗口底部的Dropbox按鈕鏈接到您的文件時,收件人可以看到您發送的內容。鏈接到圖像文件將上傳到電子郵件的權利,和鏈接到其他類型的文件將生成一個方便的預覽圖像。
安裝:Gmail Dropbox
有成千上萬的字體可用,你的排版的可能性是無窮的。尤其是如果你能找出一個漂亮的字體,你看到的地方,借用它為自己的項目。
FontFaceNinja是一個Chrome擴展,可以幫助您做到這一點。就像從圖像中查找字體的工具一樣,它可以幫助您識別聯機看到的字體。唯一的區別是FontFaceNinja讀取編碼到頁面CSS中的字體,比如標題和正文的字體。
當你啟動FontFaceNinja時,它會顯示你所使用的字體的信息——不僅是字體,還有重量、大小、高度、寬度和顏色。要為該字體添加書籤,您需要在姐妹服務FontFace Dojo上有一個帳戶。
安裝:FontFace忍者
不管你對顏色有多好的鑑賞力,除非你知道它的RGB或HTML值,否則很難重現你在網上看到的特定顏色。幸運的是,你不用猜你是否有ColorPick滴管。
就像Mac上最好的顏色選取應用程序一樣,ColorPick Eyedropper會顯示你所指向的任何顏色的值。不同的是,它總是在你的瀏覽器裡,你不需要上傳任何東西——只需點擊圖標並將目標移動到正確的位置。
這個擴展可以讀取文本、圖像和幾乎任何你在網頁上看到的東西(甚至廣告)的顏色。一旦你捕捉到一種顏色,它就會顯示它的HTML、RGB和HSL值。
安裝:ColorPick滴管
這個開源的擴展對於網頁設計師來說是一個很好的選擇,尤其是當你為小型企業做一次性工作的時候。當一個客戶交給你一個沒有任何以前的文件或文檔的網站,並要求你設計“這樣一個頁面,但有不同的文本和圖像”,找出佈局是一件痛苦的事。
尺寸讓您可以輕鬆地測量頁面上任何元素的高度和寬度,以及它們之間的邊距。這樣就可以很容易地重新創建現有的頁面,並在它們投入生產後重新檢查您自己的設計。
安裝:尺寸
visualinspector是設計團隊的一個強大的反饋和協作工具,它結合了前三個擴展的特性,並添加了更多功能。
在Inspect選項卡中,您可以選擇頁面上的任何元素來獲取有關它的完整信息,從維度到文件名。“顏色和排版”子選項卡使您可以一眼就看到調色板和所有字體,而“資源”則將頁面上的所有圖像集中在一個位置。
在“協作”選項卡中,您可以提供反饋並與團隊進行討論,單擊頁面上的任何元素都可以很容易地留下評論。
與大多數高級工具一樣,visualinspector也有一個價格標籤:您需要每月支付9美元才能添加評論和同步更改。但是,它的基本功能(如檢查顏色、字體和圖像)是免費的。
安裝:目視檢查
一個屏幕截圖擴展可能看起來是多餘的,因為在Mac上截圖是輕而易舉的事,而在Windows上截圖只是稍微麻煩一點。但是簡單的屏幕截圖有很多賣點。
最重要的是,它可以讓您捕獲整個網頁,而不僅僅是您在屏幕上看到的區域。這是無價的,當你需要在一個長頁面上報告幾個問題,並捕捉他們都需要三到四個屏幕截圖。
另一個巧妙的技巧是能夠將截圖複製到剪貼板並粘貼到聊天室或電子郵件中,而不是將無用的圖像文件囤積在計算機上。
安裝:輕鬆截屏
最後,每天早上有一個關鍵的任務你必須處理:甩掉剩下的睡眠,進入最佳狀態。InVision的Muzli 2將作為您的晨報,提供關於藝術、設計、用戶體驗和技術的策劃文章。
Muzli替換了默認的Chrome選項卡,允許您自定義在那裡看到的內容。根據你的興趣,Muzli會為你挑選feed,網站範圍從Dribble和Behance到99designs和Creative Bloq。當你啜飲你的第一杯咖啡時,有很多靈感可以讓你翻閱!
如果你覺得整個瀏覽器的標籤都是設計內容,那麼Muzli也有一個精簡版。它不會覆蓋默認選項卡,只要單擊擴展圖標,您就可以隨時訪問提要。
安裝:Muzli 2
這個列表上的Chrome擴展與你的設計軟件不匹配,但是它們涵蓋了作為一個設計師所帶來的所有小事情——無論是排版,還是與你的同事合作。
一旦你意識到Chrome網絡商店裡充斥著各種工具,你就很難停止添加新的工具了。所以,在你的Chrome擴展失控之前,學習如何管理它們。
...或上載並開啟新文件。請注意,第一次使用擴充套件時,必須使用Microsoft帳戶登入。您可以透過單擊個人資料圖片旁邊頂部的箭頭退出分機。 ...
...每封新郵件都會讓人分心。一個通知或警報會讓人覺得你必須馬上檢查它。只有電子郵件往往是不重要的,打破你的注意力沒有令人信服的理由。DND電子郵件讓您可以控制電子郵件何時到達您的收件箱。 ...
...ogledrive的web介面上直接預覽或編輯它們是非常困難的。你必須上傳它們,它們被轉換成Google套件的格式,然後你必須把它們匯出回去。值得慶幸的是,Google有一個專門為離線檢視和編輯Office文件而設計的擴充套件——不改變格式...
...反映在Netflix的windows10應用程式中。如果您正在觀看,則必須重新載入節目才能使更改生效。 ...
...有一個巨大的警告。免費版本只允許您儲存15個密碼。你必須每年支付20美元才能儲存所有的登入。坦白地說,真正的鑰匙沒有什麼特別的,值得付出代價。LastPass或其眾多替代方案之一將執行相同的工作,並免費儲存您的所有密...
... 虛假的線上評論是網路的禍害,這就是為什麼你必須學會如何發現虛假評論的原因。但造假者的情況越來越好,尤其是在**商和其他大品牌開始採取自己的舉措操縱線上評論之後。 ...
...可以使用Google書籤從任何瀏覽器訪問你喜歡的網站。我們必須提醒您,它沒有上面的其他選項先進,但它可能只適合您。如果你已經設定了Chrome同步,你的Google書籤與那些與你的Google帳戶同步的Chrome書籤是不同的。 ...
...很奇怪,包括一些旨在阻止支付我們工資的東西,但我們必須提到它。我們不建議遮蔽每個網站上的每個廣告,但一個好的廣告攔截器是很好的,當網站失控。我們是相當有選擇性的網站,我們使用廣告攔截器,我們希望你也會...