成人小视频在线_欧美xxxav_国产亚洲精AA在线观看SEE_日韩在线免费播放_69日影院_92精品国产自产在线观看481页

18842388900

網站建設 APP開發 小程序

Article/文章

記錄成長點滴 分享您我感悟

您當前位置>首頁 > 知識 > 網站建設

減去顏色方案,使設計更高端-沈陽網站設計

發表時間:2019-07-09 11:06:32

文章來源:沈陽網站建設

標簽:網站建設 沈陽網站建設 沈陽網絡公司 沈陽網站設計 沈陽網站制作

分享:

瀏覽次數:0

當人們回憶起他們所看到的場景和事物時,顏色的記憶高于形式。也就是說,從視覺的角度來看,給用戶留下深刻印象的產品通常是界面的顏色。由此我們還可以看出,顏色匹配可以說是設計師的重要武器,可能不是其中之一,但這種武器有“限制”。 UI設計的基本原則是避免頁面中有太多顏色。每個人都知道這個事實,但是當你真正設計自己的時候,你會下意識地引入太多的顏色,這將使整個界面看起來非常混亂。因此對于設計師來說,學會減去界面的顏色是一項重要的技能。顏色匹配系統的目的在產品建立顏色匹配系統之前,設計者必須首先理解:為什么要建立顏色匹配系統?這個問題聽起來多余而且有點不合理。但在我看來,我常常問自己為什么在做某事之前我可以提高工作效率。只有真正理解色彩匹配的含義,才能實現有針對性和有選擇性的刪除。

20171101094516_6270.png

一般來說,配色系統的建立主要有以下三個目的:視覺區分和調整界面風格以吸引用戶的注意。視覺上區分App或網站可能具有幾個主要和相同級別的功能和分區。此時,設計人員需要將產品的信息內容和功能模塊作為一個整體進行規劃,并建立界面的基本模式,以幫助用戶更好地進行視覺區分。顏色匹配可以幫助設計師實現這一目標。

20171101095213_7989.png

顏色匹配可以實現視覺區分,但不僅可以通過顏色匹配進行視覺區分。文本,圖像(圖標)和布局都可以在視覺上進行區分。例如,財富管理應用程序有不同類型的財富管理產品(普通類型,按需貸款和可轉讓)和不同的狀態(在投資確認中,投資成功已經產生,清算總共有11個)狀態) 。在這種情況下(3種產品類型,11種產品狀態),顏色匹配應該非常小心。首先,我們需要整合狀態,并將相似的狀態集成到一個狀態中,這樣可以減少顏色的數量。當然,有些人會覺得還有六種顏色,因為這本書告訴我們同一頁面上應該有不超過三種顏色。但是,我們必須從實際情況出發。對于金融產品,用戶不太可能在同一屏幕上看到所有六種狀態,這意味著用戶同時看到六種顏色的可能性很小。

20171101095300_9864.png

此外,我們放棄了對產品類型使用顏色匹配,因為該州使用了六種顏色組合。在這種情況下,如果我們也使用顏色來區分產品類型(一種顏色和一種顏色),那么整個頁面將顯得凌亂。所以在這里,對于產品類型我們選擇使用文本形式(標簽)來區分。

20171101095403_2676.png

文本相對于顏色的視覺體驗仍然略微變弱。因此,我們必須優先考慮頁面內容,重要內容優先于顏色匹配。在這里,我們認為用戶更關注產品的當前狀態而不是產品類型。視覺風格產品的視覺風格是根據自己的定位和用戶需求確定的。有些產品要求界面是動態的,這會讓用戶感到興奮(購買欲望)。我們可以使用更長的紅色和橙色光作為產品。主色調。

20171101095445_2208.png

有些產品是平靜和舒適的,那么我們使用藍色,灰色可能更適合。

20171101100026_3770.png

顏色匹配可以幫助我們為產品構建視覺樣式。但我們也需要知道產品的視覺風格由文字,圖像和顏色組成。換句話說,文本和圖像也會影響產品的視覺風格。文本的跳躍率是指同一界面中不同單詞大小的比例。當排版設計時,具有不同功能的文本將具有不同的字體大小和字重。例如,主標題,副標題和文本大小通常依次減少。字體大小的這種差異將帶來不同的文本跳躍率。通常,具有高文本跳躍率的界面將更加生動,并且具有低文本跳躍率的界面將顯得平靜和平靜。在配色方面,如果我們減少使用的顏色數量,大面積使用白色,灰色,黑色或其他顏色匹配(藍色和淺藍色,紅色和粉紅色等),這樣的界面將莊重和優雅和豐富現代,但它看起來單調。然后我們應該適度提高文本跳頻率,以提高界面的活力。

20171101100124_5958.png

當然,文本不僅具有跳躍率,而且圖片也具有跳躍率。設計師可以通過控制圖像和文本的跳躍率來減少界面視覺風格對顏色匹配的依賴性。吸引用戶的注意力我們經常喜歡使用顏色匹配來吸引用戶的注意力。在下圖中,以行動呼吁為例,可以從背景中突出顯示與背景顏色差異較大的顏色。

20171101102346_6757.png

事實上,即使我們不使用配色,也能引起用戶的注意。谷歌搜索主頁有一個很大的空白區域,用戶的眼睛自然會被搜索框吸引。這符合谷歌的初衷,他們希望用戶在此頁面上完成搜索操作,因此不要顯示太多其他信息來分散用戶的注意力。

20171101102326_9257.png

陰影效果也可用于吸引用戶的注意力,陰影效果可以提高目標元素的“高度”,從而使其從背景中脫穎而出。

20171101102456_3945.png

當然,我們也可以使用模糊效果來吸引用戶的注意力。用戶總是被不自覺地吸引到那些準確聚焦并忽略模糊部分的部分。眼球的聚焦機制就像一個調節器,可以捕捉到靠近你的物體,這樣你就可以感受周圍一切物體的深度和距離。這是我們眼中的工作機制。設計人員可以使用這一理論來模糊界面中一些不重要的內容,以突出顯示這些重要內容。

20171101102535_7382.png

好的設計應該允許用戶在短時間內找到他們感興趣的內容。太多的捐贈實際上是用戶的負擔。少即是多,這是當前互聯網時代的信條也是設計師需要遵守的標準。

網站建設,沈陽網站建設,沈陽網絡公司,沈陽網站設計,沈陽網站制作

相關案例查看更多

主站蜘蛛池模板: 国产成人精品三级麻豆 | 写真片福利在线播放 | 天堂中文www | 中文字幕第二十页 | 日本阿v片在线播放免费 | 国产AV国片偷人妻麻豆郑州公司 | 亚洲精品一区二区三区精华液 | 日韩人妻无码一区二区三区综合部 | 日韩欧美一区二区三区免费观看 | 18禁网站免费无遮挡无码中文 | 啦啦啦在线观看免费版中文 | 国产福利写真片视频在线 | 国产传媒在线视频 | 一区二区三区日本久久久 | 超碰在线天天 | 国产一区二区三区四区五区传媒 | 亚洲精品99久久久久中文字幕 | 高潮久久久久久 | 国语对白嫖老妇videos | jizzjizz日本护士高清喷水 | 亚洲成国产人片在线观看 | 精久国产Av一区二区三区孕妇 | 国产免费黄色一级片 | 日本三区| 久久精品二| 国产影视 | 亚洲日本三级 | 日韩无砖专区 | 日韩高清在线一区二区三区 | 精品久操| 韓國三級大全久久網站 | 国产一级v片免费观看 | 国产午夜精品一区二区三区软件 | 偷拍区另类欧美激情日韩91 | 夜夜久久 | 三区在线视频 | 超碰在线视频人人湿人人澡com | 蜜桃AV无码免费看永久 | 日韩视频在线一区二区 | 天天干天天射天天操 | 美国一区二区三区在线播放 |