日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

如何成為有交互和視覺思維的設計師(2)

文章來源于 優設,感謝作者 k_001ayy 給我們帶來經精彩的文章!
設計教程/設計理論/設計理論2018-06-19
問題7:圖標風格 問題所在: 圖標風格不一致,圖形反白風格,立體風格,線性風格。 問題截圖: 問題解決: 根據產品的特性,建議統一的圖標風格,選擇線性、面性、漸變、立體等風格。 問題八:對齊間隔 問題所在:

問題7:圖標風格

問題所在:

圖標風格不一致,圖形反白風格,立體風格,線性風格。

問題截圖:

如何成為有交互和視覺思維的設計師

問題解決:

根據產品的特性,建議統一的圖標風格,選擇線性、面性、漸變、立體等風格。

問題八:對齊間隔

問題所在:

頁面元素的對齊、間隔沒有規律,整體視覺顯得松散,不嚴謹。

問題截圖:

如何成為有交互和視覺思維的設計師

問題解決:

可以利用柵格系統,把頁面信息內容規整起來。

四、優化方案

根據發現的問題,我們來看一下優化后的設計方案:

如何成為有交互和視覺思維的設計師

優化1:交互路徑

根據用戶行為路徑,將相關聯的信息歸類到一個模塊,每個步驟劃分到一個模塊,相關聯的步驟合并到一個模塊,模塊內完成各自的操作展示任務,模塊之間信息內容互不干擾,但從結構布局又能夠形成符合交互操作邏輯。

如何成為有交互和視覺思維的設計師

如何成為有交互和視覺思維的設計師

優化2:顏色規范

規范顏色,配色的方法在這里不做深入討論,這里方法的是基于品牌色通過飽和度、亮度、透明度的變化來得出文字各層級的顏色、邊框的顏色。

如何成為有交互和視覺思維的設計師

優化3:輸入控件

對輸入類控件的樣式進行了統一,讓用戶從視覺上就能夠清楚地分辨出哪些是可以進行輸入操作的,從而減少用戶對交互操作上的認知成本,提高信息輸入效率。

輸入控件進行交互時,要有交互狀態反饋,默認狀態、選中狀態、錯誤狀態。視情況而定,可以增加鼠標移上狀態和不可輸入狀態。

狀態變化時的顏色應用,可以通過變換色相的透明度來保持色彩的一致性。

如何成為有交互和視覺思維的設計師

優化4:按鈕規范

對按鈕進行了分類,分為常規按鈕、圖標按鈕、文字按鈕;對按鈕樣式用顏色進行了統一;按鈕要有交互狀態反饋,不可點擊狀態、可點擊狀態、鼠標移上狀態、鼠標按下。

狀態變化時的顏色應用,可以通過變換色相的飽和度、亮度、透明度來保持色彩的一致性。

如何成為有交互和視覺思維的設計師

優化5:信息展示

對信息內容應用相似性原則進行了排版的統一處理,每個小類信息的標題與內容采用統一排版格式,然后重復應用,有助于提高信息獲取效率。

如何成為有交互和視覺思維的設計師

優化6:圖標風格

這里的圖標應用于功能性圖標,統一采用線性圓角風格。功能性圖標需要注意圖標的形狀要能夠正確有效地傳達出功能的含義。

如何成為有交互和視覺思維的設計師

優化7:對齊間隔

應用柵格系統對視覺元素之間的對齊、間隔進行調整,使頁面視覺更加嚴謹,頁面信息更容易閱讀。

如何成為有交互和視覺思維的設計師

五、總結

交互思維

了解頁面中的功能交互流程,梳理用戶操作行為路徑,可以對行為步驟中的信息內容進行歸類分組提供依據,最終有助于頁面信息內容的排版布局。

視覺思維

提取視覺組成元素,對顏色、文字、控件、圖標等每一類應用統一性原則進行規范設計,再通過視覺元素本身相互組合,最終應用回信息內容上,建立規范的視覺感。

設計一個頁面,交互思維和視覺思維是互相配合的,缺一不可,最終都是為了共同去構造符合交互操作邏輯、滿足視覺美感的界面。

作者:k_001ayy 不斷奔跑中的設計師

如何成為有交互和視覺思維的設計師

圖片素材作者:JONES & CO

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: lutube成人福利在线观看 | 快播av在线| 久久区二区 | 亚洲第一成人久久网站 | 毛片免费看电影 | 蜜桃视频网站www | 黄视频网站免费观看 | 在线成人免费网站 | 亚洲性爰 | 久久露脸国语精品国产91 | 久久久久国产一区二区三区不卡 | 少妇的肉体2无删减版 | 性欧美暴力猛交69hd | 99影视电影电视剧在线播放 | 成人情欲视频在线看免费 | 国产精品久久久久久久久久久天堂 | 欧美精品1区| 欧美 日韩 国产 成人 | 999久久久久久 | 99精品欧美一区二区 | 狠狠干网站 | 少妇的肉体2无删减版 | 国产精品久久久久久久久久10秀 | 成人在线视频播放 | 亚洲国产精久久久久久久 | 日韩欧美高清一区 | 99影视电影电视剧在线播放 | 亚洲免费高清 | 最新91在线视频 | 亚洲人成网站免费播放 | 色淫视频 | 精品中文字幕视频 | 成人情欲视频在线看免费 | 亚洲午夜1000理论片aa | 久久激情小视频 | 国产免费乱淫av | 日本教室三级在线看 | 成年人性视频 | 欧美成人性生活片 | 亚洲小视频在线 | 国产精品一区二区三区在线看 |