撕开奶罩疯狂揉吮奶头_天堂69堂在线精品视频软件_亚洲中文av一区二区三区_成人无码A片一区二区三区免费看_日韩欧美亚_天天干天天操

18842388900

網站建設 APP開發 小程序

Article/文章

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

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

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

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

文章來源:沈陽網站建設

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

分享:

瀏覽次數:0

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

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

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

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

相關案例查看更多

主站蜘蛛池模板: 国产成人精品aa毛片 | 国产码视频 | 48久久国产精品性色aⅴ人妻 | 无码一区二区三区日韩人妻 | 大屁股人妻女教师撅着屁股 | 真实国产老熟女无套中出 | 国产亚洲欧美日韩俺去了 | 精品日韩 | 欧美精品一区二区三区蜜桃视频 | 337P日本大胆欧美人视频 | 国产一区二区三区乱码 | 免费a级人成a大片在线观看 | 二区成人 | 中文字幕无码日韩中文字幕 | 国产高清在线喷奶水 | 男把女弄出喷水来视频 | 亚洲AⅤ片不卡无码久久 | 草草草在线 | 全国最大成人免费视频 | 99热手机在线观看 | 亚洲一区二区三区高清av | 亚洲欧美精品无码一区二区三区 | 中国在线观看免费高清视频播放 | 日本亚洲中文字幕不卡 | 亚洲揄拍窥拍久久国产自揄拍 | 九九精品超级碰视频 | 久久久天堂国产精品 | 精品国产乱码久久久久久婷婷 | 91精品久久久久久久久99绯色 | 一区二区三区 中文字幕 | 久久精品一区二区三区四区五区 | 含羞草家庭影院 | 国产欧美在线观看视频 | 久久亚洲精品成人无码网站 | 日韩夜夜高潮夜夜爽无码 | 久久精品无码一区二区三区 | 久久96久久96精品免视看 | 亚洲AV午夜成人片精品网站 | 少妇被躁爽到高潮无码文 | 亚洲av日韩av成人av | 337P日本欧洲亚洲大胆在线 |