移動設計第5課:如何避免設計失控

You'd think someone told these guys that they have one colour too many...

你可能會想,肯定有人告訴過這些設計師他們用了太多的顏色了。

Hotels.com- Hotels.com is a hotel booking provider. They have their own app to book and manage reservations.

Hotels.com——

Hotels.com是一個酒店預訂服務商。他們有自己的APP,可以用來預訂和管理訂單

Hotels.com

When you first enter Hotel.com’s app you are greeted with a busy interface. There are pictures on top of pictures, random colours which don’t make sense; it’s a mess. The brand’s colour scheme is mostly red and white, yet you also see blue, pink, gray, burgundy and beige. While their app shouldn’t solely be red and white, the currently picked additional colours don’t work. Actually, they make the app experience poor. It seems that someone felt the urge to colour code individual app elements with a new hue. It gets worse; the app’s design also features a variety of colourful images.

當你第一次打開Hotel.com的APP時,迎面而來的是個緊湊的界面。頂部有很多圖片,還有無意義的隨機顏色,讓人感到很亂。整個品牌的主體顏色是紅色和白色,但你也能看到藍色、粉色、灰色、紫紅色和米色。盡管他們的APP不應該只有紅色和白色,但目前(界面上)所展示的輔助色也沒什么意義。實際上,他們把這個APP的體驗做的很糟。看起來有人認為要用一種新的色調來獨立為APP的各元素進行顏色編碼,但這讓事情變得更糟糕。這款APP的設計還以各種色調的圖片作為特色。

Photographs are wonderful but here they get in the way. Everything seems to be fighting for the user’s attention on this screen. You don’t know what to look at first, you don’t know what’s most important. It’s hard to determine what action to take first. The whole interface is untidy.

圖片很漂亮,但在這里反而會妨礙用戶體驗。(界面上)的每個元素都似乎在屏幕上爭著吸引用戶的注意力。你不知道先看什么,你不知道重點在哪兒。很難知道第一步要做什么操作。整個界面很凌亂。

To improve this interface, start by limiting the amount of various colours that are not part of your brand. Then, try to use different shades of the colours within your branding - in this case light or dark reds. Adding grays into a colour scheme works very well as they don’t introduce another unnecessary hue while providing variety in tones. Furthermore, light grays look very professional. It’s okay to use additional colour hues as long as they complement the original colour scheme.

為了改善這個界面,首先要做的就是限制非本品牌的顏色的數量。然后,試著使用不同深淺度的品牌顏色——在這個例子中,就是淺紅或者深紅。當設計各種色調時,在我們不引入額外不需要的色調的前提下,在某一種顏色體系中增加灰度效果會很好。更進一步的說,淺灰色會看起來很專業。只要輔助色調能補充初始的配色方案,就是極好的~

Take away:Limit the amount of varying hues within your colour scheme; try to embrace the colours of your brand by using light or darker shades instead of additional hues.

總結:在你的配色方案中對各種顏色數量進行限制;嘗試使用淺色或深色來代替額外的輔助色調,來表現你品牌的顏色。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容