色综合天天_在线精品国产今日亚洲_不知火舞被到爽羞羞漫画_亚洲天堂一级片

優惠活動 - 12周年慶本月新客福利
優惠活動 - 12周年慶本月新客福利
優惠活動 - 12周年慶本月新客福利

移動應用程序的視覺設計

日期 : 2021-11-05 22:45:10

雖然策劃優雅的用戶體驗以及調整每種交互很重要,但是也不能忘記使這一切成為可能的像素。當然,我談論的是視覺設計,即移動應用程序的實際外觀。設計優秀的移動應用程序將把許多學科集中到一起,但是我堅持認為視覺設計息其中最重要的。你可以把所有適當的部分組裝起來,并且完美地計劃每個屏幕界面,但是如果你的設計很糟糕,那么隨著時間的推移,所有這一切都會變得毫無意義。優秀的視覺設計師就像能夠擊中投球手投出的90英里1小時(mph)的快球的天才。一些設計師從- -開始就讓人驚艷,而其他設計師會有較好的表現,并且隨著時間的推移通過實踐變得讓人驚艷。一些 人開始時身體里沒有藝術細胞, 但是他們]極其努力地工作,并且在整個職業生涯中一直在磨練他們的技能。 不管你多么有才華,總是可以利用一些通用的原則使自己的作品更上一層樓。我的頭腦中自始至終都會想著這些珍貴的話語。就像高爾夫球手在揮桿擊球時會牢記幾條關鍵的原則-樣。
  1. 對比
良好的對比對于移動應用程序至關重要,因為它會影響用戶查看設計的方....確確實實是這樣。對比指不同或類似的元素相對于彼此是如何顯示的。如果設計中的所有內容看起來都非常相似,那么用戶將不知道首先觀看哪里:屏幕上將是一-堆亂七八槽的RGB值。如果你對用戶應該先觀看哪些界面元素不敏感,那么將不能夠有效地設置每個元素的優先級。不佳的對比可能需要用戶在界面中觀看第二次或第三次才會注意到的最重要的功能,或者根本就不會看到它。為了獲得良好的對比,不同的元素應該能夠讓人很明顯地看出它們是不同的。如果它們看起來只是稍有不同,那么用戶將會混淆,并忽略它們之間的視覺關系。強烈的視覺對比可以沿著屏幕指引用戶的眼睛從一個元素移到另一個元素。如果處理得當,那么用戶將以你想要的精確順序查看所有的元素。如果處理不當,那么可能會掩蓋重要的元素,從而引起混淆。
  1. 重復
要使用戶信任和熟悉你的應用程序,你. 需要使他們感到可以舒適地使用它。有多種方式可以達到這個目的。就視覺設計而言,可以通過注意你在整個應用程序中編排相關項的樣式來建立信任。通過為相似的元素重復使用樣式,可以使用戶適應應用程序的含義及其元素的重要性。忽視這一點將產生混淆。因此, 要使相關的元素看上去和感覺上是相關的,尤其是在一行中出現多個這樣的元素時。一個剪貼板管理器,用于存儲文本、圖像、URL及復制到; iPhone中的其他項目。復制項目的列表是應用程序中的一個關鍵屏幕,不管存儲的項目類型是什么,視覺設計都是熟悉的,并且相關的動作將保持一致。由于每個項目都沒有它自己的外觀,用戶就知道他們將能夠以一致的方式操作這些項目。
  1. 對齊
對齊是優秀視覺設計的標志,它在移動應用程序中特別重要。元素應該對齊到某個物體:其他元素、網格、黃金比例框架、屏幕的邊緣。沒有對齊的界面元素和構件看上去好像出錯了,就像它們居無定所、沒有穩固的基礎一樣。不需要許多設計技能即可正確地排列元素,但它確實可以吸引敏銳的眼睛:某個元素是否完美地與別的元素對齊。只是接近還不夠,它必須是完美的。為了把元素對齊到像素精度,我通常會放大畫布,直到我可以清晰地看見像素的開始和結束位置。我還會拖人一些水平和垂直輔助線,以使對齊更容易。不要用目光粗略地測量它,要確保它是完美的。在兩條邊緣之間居中顯示按鈕或構件時,是進行對齊的關鍵時刻。在為移動應用程序設計界面時,我發現自己執行該操作的次數比所有其他的對齊任務都要多。在工具箱中居中顯示按鈕、在標簽中居中顯示文本、在按鈕中居腫顯示圖像、在方框中居中顯示控件一-它們隨時都會發生。 像素完美的對齊可以使設計從合格上升到優秀。在用于iPone的Twiter中可以找到對齊的最佳示例。當用戶在時間線中點擊推特時,一組圖標將漸現, 提供了用于推特的快捷動作。無論推特有多長,這些圖標都是跨行均勻分布的,并且在行內居中顯示。除非你習慣于各個像素或者極小的移動屏幕,否則確定蹩腳的對齊可能需要少許實踐。但是一旦你開始注意到拙劣的對齊方式,那么到處就可以看到它。
  1. 接近度和分組
應該把相似或相關的元素組織在一起,構成一個聚合的整體。其好處是,用戶將能夠更快地瀏覽項目集合,并且更容易確定元素間的關系。為了能夠通過接近度顯示項目的關系,首先必須理解項目的層次結構。MoneyWell (一款用于iPhone的個人理財應用程序)具有清晰地設計的界面。它的主要財務屏幕顯示了一個簡單的表格視圖,以及每一行上的開支。開支的類型作為標簽顯示在左邊,那個項目的費用則右對齊。為什么不把開支直接放在左邊的標簽旁邊呢?下面的模擬圖顯示了這樣做的效果。
  1. 紋理
物理物體的表面并不是完全平坦或均勻的:它們具有瑕疵和棱角。像皮革、紙張、衣服和木頭這樣的有機物質都有許多瑕疵。使界面逼真意味著要注意紋理。沒有什么東西只具有一種單調的顏色。任何物體都有細微的紋理,甚至在最亮的表面上也是如此。環顧你的工作空間: 觀察每個表面和物體.上的紋理。作為練習,嘗試在你所選的設計工具中再現其中一些表面。要在你的工具箱中保存許多紋理,以便使你能夠制作出更豐富的界面類型。
  1. 光線
何時使用漸變是合適的?陰影是用于什么的?邊緣高光色怎么樣?所有這些事情具有什么共性?它們]都通過適當地使用光線使界面元素看起來更逼真。漂亮的用戶界面設計的秘訣是真實感:使屏幕上的2D物體看起來好像位于3D空間里,并且它們具有可以在現實生活里發現的體積、表面性質和棱角。這些偽造的3D物體具有高光和陰影,就像你看到的桌子上的物體一樣。為了使2D物體看起來像三維的,必須欺騙用戶的眼睛,認為它是從屏幕中凸出來的,可以通過操縱光線來實現這種效果。在設計界面時,要使之看起來好像光源位于屏幕頂部,向下照射所有的文本、構件和按鈕。這種光源應該投射陰影并創建高光色,這依賴于它以什么順序照射到什么。圓角按鈕看起來就像是扁平的,除非光線好像正在照射它,并且漸變、高光色和陰影都在這種騙術中起著各自的作用。
 

相關文章