設計師必看!高端配色進階(內附網站參考連結)

2021-02-13 優秀網頁設計

這篇文章是關於個人比較在意的高端感覺配色和設計相關的事情。所以試著寫一下這個題目的文章。體現高端感覺的網站,不限於行業種類,在各行各業中都有體現。作為初學者的時候,都會有如何能做出這樣的設計?怎樣可以體現出高端感覺…的煩惱。怎樣才能體現高端的感覺?這裡通過匯總多個這種類型網站去試著體會一下。

想要體現出高端感覺,針對不同的行業、不同的對象所採用的表現方法是不同的。想要向男性與女性展現出高價格?或者是高級品卻沒能體現出高品質?針對各種各樣的情況必須有不同的應對。這裡是對各個行業種類找的參考。

連結地址:http://hacci1912.com/

以白色的背景為底色,logo的配色即使是使用了米色也能體現出清爽感和高級感。並且使用了不會破壞優雅氣氛的圖片+簡短的文案。

連結地址:http://www.cledepeau-beaute.com/jp/

這也是高級化妝品的品牌網站。因為主體使用了黑色作為配色,打開時會留下很強的成人感覺。為了體現出成人的氣氛與考慮到配色的統一,其他用色也與商品都使用了同樣低明度的紫色。這裡同上面介紹的網站相同,為了能體現出高品質的感覺而保留了最低限度的信息。

連結地址:http://www.tiffany.co.jp/

著名的蒂芙尼網站使用了綠松石色。排版簡潔並且使用了企業色。使用紅色緞帶的照片,體現出聖誕節的節日感,顏色的對比更進一步的突出了商品。

連結地址:https://jp.burberry.com/

這是以格子花紋出名的博柏利網站。因為有很多高端品牌公司的網站特點是使用了有特點的logo和圖案,因此在這裡使用了更有吸引力的高端照片和商品。

連結地址:http://www.mercedes-benz.co.jp

背景使用了黑色~灰色的色調。要體現出高端感覺,黑色是必要的顏色。下面精緻的菜單由基本型號組成。黑色背景的網站與白色背景的網站相比,在遇到更大視覺衝擊力的時候會相對更容易接受。

豐田高端品牌雷克薩斯的網站。這個網站被分割出了一個新的網站嗎?橫向運動出去的banner設計讓人印象深刻。斜線加入的地方感覺空間被擴大了。雷克薩斯也同樣使用了黑色和灰色的配色。首頁下面車模的圖片,改變車型的拍攝角度和氣氛使人感覺張弛有度。

連結地址:http://www.kagaya.co.jp/

和倉溫泉旅館 加賀屋的網站。主體的banner部分使用了黑色,網站內部分文案使用了豎排,體現出「和」的韻味。Banner下面的菜單也使用了豎寫的菜單。

整體採用了淡淡的灰色,logo的顏色作為主色,網站由2種顏色構成。排版也很巧妙,有種精練的感覺。因為美容與婚禮也可以選擇這裡,所以感覺配色也很乾淨。

連結地址:http://restaurant.novarese.jp/yhm/

白色的背景與圖片很好的搭配,突出了品質的優良。菜單部分也被設計成寫實的圖標,感覺很有意思。因為沒有使用過多的顏色,整體感覺也很統一。

用圖片充滿整個畫面會有強烈的衝擊力。照片上的料理展現了這個店的高端品味。有很多體現出高端的網站都使用了大量的照片。由於網站使用了視覺滾動差效果也有一定的創新。在配色中使用了大量的黑色,讓料理中的紅和綠更加明顯奪目。

綜上所述,試著參考和留意一下這些網站吧。

根據具體情況具體處理。受歡迎的高端感覺和質量好的商品,很多都使用了明朝體。與黑體相比明朝體的文字更有動感,留下成人的感覺。在頭圖的標題等地方使用會有不錯的效果。使用黑體的時候,如果不注意字體的粗細和文字的顏色,會使設計變得庸俗。

如果字間距過密,會讓人有狹小不富裕的感覺並且會讓氣氛發生改變。如果字距擴大也必須注意不要有像孩子那樣隨意的感覺。

稍微誇張的留出空間,更容易展現出優雅的氣氛。因為要留有充足的空間,所以必須整理信息,控制刊登文案的數量。要是文章過多的話,會給人以像信息網站那樣的感覺。

因為漸變表現顏色的深淺,可以讓人感到網站的縱深。稍微讓顏色有些不同的差異,略微的漸變很很好的。如果全部都是漸變,會帶來相反的感覺。

體現高端感覺的時候,使用花哨且顯眼的顏色會很容易破壞氣氛。即使有想突出的地方,也可以考慮顏色以外的方法。飽和度低的粉筆色,特別是淺茶色常常可以在好商品中看到。如果想使用視覺強烈的紅色,重點是如果不是集中使用,就不會產生強烈的視覺。

高端=有品味,有這種感覺會發現很多橫豎向都對齊的排版。相對於個性的還是放置這樣規矩的樣式要好吧。有網格排版的意識,整理信息的時候多留意橫豎的線,可以給人以整齊的感覺。

看了各種各樣的網站,會發現使用黑色背景的要比使用白色背景的視覺要強烈。如果是白色的背景,對於背景來說無論使用了怎樣配色突顯的都不光是白色,黑色背景的時候只有黑色是顯眼的。因為如果使用了黑色背景,色彩的搭配會變得很難(要是想與目標一致一定要使用黑色麼?)。

綜上所述,試著匯總可以參考的網站。關於高端感覺是多種多樣的,歸根究底還是像之前總結的那樣。

來源:站酷

翻譯:SISENdesign

推薦人:周周周周周周周…

【優設投稿:2650232288@qq.com】

相關焦點

  • 網頁配色!什麼樣的配色方案才有高端的感覺?
    這篇文章是關於個人比較在意的高端感覺配色和設計相關的事情,所以試著寫一下這個題目的文章。體現高端感覺的網站,不限於行業種類,在各行各業中都 有體現。作為初學者的時候,都會有「如何能做出這樣的設計?怎樣可以體現出高端感覺?…」的煩惱。這裡通過匯總多個這種類型網站去試著體會一下。
  • 網站不知道怎麼配色?看看這10個優質配色參考網站(一)
    配色靈感枯竭的時候,不妨上這10個配色網站上看看:關於配色技巧,還可以參考文章:《適合平面基礎學習者的色彩搭配小知識》1、配色網www.peise.net/支持在線配色和顏色搭配等>2、Flat UI Colorsflatuicolors.com/這個網站提供了多種主流 UI 配色方案,特別是扁平化配色
  • ui設計師需要學習什麼軟體?(內附下載連結)
    [文末內附下載連結]學習UI設計,需要掌握設計規範的同時,還要熟練運用多種軟體,界面、圖標、動效、交互、切圖、標註等都需要用到不同的軟體。在這裡主要列舉UI設計常用的8款軟體,PS軟體,AI軟體,AE軟體,ARP或默刀軟體,XD或sketch軟體,藍湖軟體,C4D軟體,DW軟體。
  • 這可能是史上最全的PPT素材庫(附40個網站連結)
    http://www.qiuziti.com/5配色類網站一份好的PPT,絕對離不開好的配色,那麼對於色彩不敏感的PPTer來說,好的配色網站簡直就是雪中送炭,推薦幾個實用的配色網站。1、純色配色網站(1)colorhuntcolorhunt是一個純色配色網站,裡面的配色不僅非常漂亮,都已搭配好,選擇之後,即可使用。
  • 23個設計師必備的設計參考與素材網站!先收藏
    在今天的文章中將會把國內外的優秀網站按照素材和案例分類,與大家進行分享,希望對大家日常學習和工作能夠有所幫助。搜索框內有不同的人物類型分類,查找起來十分方便。但是最大的優點就是全部免費! 特點:多效果、繪畫質感、拼貼網址:http://www.nonscandinavia.com/推薦理由:nonscandinavia網站首頁內的人物都是經過處理的一些形態,有一種油畫或者馬賽克的質感
  • 請收好這12個配色網站,屌炸了!
    配色 是讓排版更上一層樓的大門檻 不是受過專業訓練的設計師 對色彩的感知很難敏感 學好配色需要時間打磨 但用好配色工具 便可以快速排出一篇 色彩賞心悅目的圖文 在這裡整理了 關於配色的5種風格12個網站
  • 20個設計師必備網站,有了它再也不怕靈感消失
    設計師用得上的 實用網站,工具推薦 成年人的世界從來沒有容易二字 設計師就更沒有了
  • 分享5個好用的配色網站,建議收藏
    中國色該網站收藏了非常多的中國色,而且每一種顏色都有一個很文藝的名稱,顏色皆以色卡的形式來呈現,並且還有中英文互譯,可以說是十分貼心了。是一個很文藝的網站。而且整個網站的背景主色是一直在變化的,非常棒。
  • 一分鐘搞定PPT配色丨附24個PPT配色網站
    入正題吸管工具 + 配色網站 = 1分鐘搞定PPT配色在使用吸管工具時,要跳出PPT軟體——吸管工具可以吸取軟體以外,屏幕內的任何顏色。所以,當你要給PPT設置配色時,可以打開分享配色的網站,直接吸取,搞定PPT配色方案。那麼,有哪些配色方案的網站呢?
  • 遊戲美術設計師一定要看的網站!
    我不會告訴你P站還有18進禁漫畫~我是透明的你看不到 5,CGSOCIETY CGSociety據說是美國最權威的CG網站,是世界上眾多的藝術家的聚集地,提供作品展示的平臺。
  • 漫畫人物怎麼配色?配色參考
    漫畫人物怎麼配色?配色參考!在繪畫中,色彩是能引起我們共同的審美愉悅的、最為敏感的形式要素。色彩是最有表現力的要素之一,因為它的性質直接影響人們的感情。那如何進行配色呢,是很多小夥伴們正面臨的問題,如果色彩搭配得不好,會出現畫面髒、質感低等各種問題。
  • 寫給不是設計師的-漸層配色(上)
    但這篇文章內的範例皆是使用Sketch3 or Photoshop所製作完成,如有需要任何的範例圖/成品圖歡迎寄信留言跟我索取。這邊首先針對漸層的主題寫了一篇(上),來聊聊常常使用的漸層類型,該如何快速有效的運用這些漸層類型,以及分享一些在線設計師們優秀的作品。在一切開始之前,首先推薦一個網站uiGradient,無聊沒事的時候可以上去晃晃找點漸層配色的靈感。
  • 【設計課堂】平面設計 寫給網頁設計師的基礎配色理論
    我不打算把這篇文章寫成一篇「如何在設計中運用色彩」的完整論文(或許我會在將來詳細談談這個話題),正相反,這篇文章面向的是那些需要實用經驗,以便能在網站設計這一特定領域利用色彩理論的設計師。簡而言之,什麼是色彩理論?
  • 【設計熱點】這29個實用網站,能幫資深設計師提升效率和效果
    網絡上充斥著各種工具、插件、網站、資源,還有各種優化流程的文章,幫你成為更好的設計師。 多年來,我嘗試過很多不同的方法,但是真正能夠幫我脫穎而出的方法,其實少之又少。 而這次我推薦的這些網站和工具,是當下我梳理出來的答案。
  • 服裝設計師如何get最佳色彩搭配?20+色彩網站一鍵幫你搞定
    對服裝設計師來說色彩在服裝設計中佔據了60%的比例好的配色是一件服裝設計作品能夠成功的關鍵今天帶給大家的福利「一份超全面的色彩網站」快往下康康吧~~No.1COLORWISE大量的色彩搭配模板可以挑選參考,對於作品集和配色選擇是個不錯的網站。
  • 室內設計師必收藏的十大網站「渲雲渲染」
    渲雲,百萬設計師首選的雲渲染平臺。身為一名室內設計師,最大的煩惱應該就是缺少靈感、缺少素材、甲方催稿…今天,小編就給設計師們整理了一些尋找設計靈感的好去處。一、建E設計網目前中國較好的原創室內設計素材與門戶網站之一。一直致力於為中國建築、室內、家具、3D設計師提供高品質、高精度的3D家具模型以及其他相關設計素材、設計工具等。有高質量3D模型、SU模型、效果圖、設計案例、VR全景、雲渲染(與渲雲有合作)、線上培訓等板塊。
  • 繪畫必看4個配色技巧,小白必須get!
    繪畫必看4個配色技巧,小白必須get!微課菌平時會給大家分享一些配圖好看的作品,但每次發布出去後,留言和私信都是「我什麼時候能配出這樣的色彩?」「求大神指教色彩該怎麼搭配才好「一上色就廢,我還有救嗎......"接下來再說說如何配色,微課菌總結了四個配色小技巧。
  • 設計師必看的設計網站
    1:站酷(2006年創立於北京,致力於為設計從業者,愛好者提供學習機會,展示,交流,就業,交易,創業等服務,為設計師和企業的成長提供版權解決方案和立體的視覺服務)2:花瓣(網站為用戶基於興趣的社交分享網站,網站為用戶提供了一個簡單的採集工具,
  • UI設計師常用的網站有哪些
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 UI設計師常用的網站有哪些?設計不是閉門造車,一個好的設計師需要更好的觀察這個世界,觀察別人的設計。
  • 我發現,這些PPT網站非常高端
    今天我就給大家推薦一個超漂亮的PPT模板網站,我敢說,你絕對沒見過!以下推薦的PPT模板網站,與我們經常用的那些模板是不一樣的,這些模板都是好幾百頁,每套模板包含多種配色,多種格式,還包含了大量的矢量圖形圖標等。