??意大利帕爾馬的數(shù)字設計師Stefano Peschiera見面。Stefano堅信色彩在創(chuàng)造良好的網(wǎng)頁設計方面有很長的路要走-他甚至創(chuàng)建了一個名為Hue的免費Sketch插件,它提供了一系列精心挑選的調(diào)色板,可幫助您創(chuàng)建漂亮的網(wǎng)站和應用程序!Hue系統(tǒng)基于Stefano自己為網(wǎng)絡選擇有效配色方案的流程。 ??顏色對于良好的網(wǎng)頁設計至關重要,應該仔細考慮。毫無疑問,品牌識別和顏色齊頭并進,您所做出的選擇可能會影響潛在客戶對您業(yè)務的看法。在我的整個職業(yè)生涯中,我已經(jīng)了解到正確的配色方案將大大有助于創(chuàng)建一個吸引觀眾并且受到觀眾歡迎的網(wǎng)站。 ??我在我的用戶界面設計中找到了一個簡單的工作流程來掌握顏色,我想與你分享。希望它能幫助您簡化選擇有效且平衡的調(diào)色板的過程。讓我們開始吧! ??調(diào)色板輪廓:60-30-10的比例 ??最有效的網(wǎng)站和應用程序配色方案將遵循60-30-10的比例。這意味著主要顏色應用于網(wǎng)站設計的60%,次要顏色應用于另外30%,最后10%用作與兩種主要顏色形成對比的強調(diào)顏色。 ??選擇三種顏色時,請記住強調(diào)色(10%)應該是最有活力的,因為它會強調(diào)關鍵網(wǎng)站項目,如號召性用語元素。主要顏色(60%)應該是中性的,對眼睛來說很容易,次要顏色(30%)應與主要顏色形成鮮明對比,以創(chuàng)造視覺趣味。以這些比例分配顏色將有助于在視覺上組織并為您的設計增加平衡。 ??顏色不足 ? ??大自然母親是您可以從中獲取靈感的最佳設計師。為了找到我的調(diào)色板,我通常會瀏覽Unsplash并從符合60-30-10規(guī)則的照片中提取三種主要顏色。我確保采用最鮮艷的顏色,并將其用作我設計中的強調(diào)色。這將使號召性用語元素更有效,整體設計更加數(shù)字化和現(xiàn)代化。 ??調(diào)色板應用:首先關注灰度 ??一旦我準備好調(diào)色板,我接下來要做的就是對我的設計進行線框化。我首先嘗試關注間距和布局元素,因為這種約束非常有效,并且在應用您的配色方案后會節(jié)省大量時間。盡管在這個階段線框中沒有顏色,但這并不意味著它看起來很無聊!我喜歡使用不同的灰色調(diào)來幫助使第一個線框更具視覺吸引力。之后,我會應用調(diào)色板并迭代我的布局,然后插入功能性和吸引力的視覺元素。 ??額外提示:遠離純灰度和黑色 ??我學到的最重要的顏色技巧之一是避免使用灰色而不飽和。在現(xiàn)實生活中,純灰色的顏色幾乎不存在-純黑色也是如此。請記住始終為您的顏色添加一點飽和度。這將潛意識地使用戶對顏色看起來更自然和熟悉。 ??最后的想法 ??顏色是一個難以掌握的概念,特別是在數(shù)字空間中。我上面提到的提示應該有助于簡化在網(wǎng)頁設計中找到和應用正確顏色的過程,并有助于設計的整體效果。請記住,學習如何創(chuàng)建令人驚嘆的配色方案的最佳方法是練習-所以今天就開始學習并探索不同的顏色組合! |
|