培訓(xùn)無(wú)憂(yōu)網(wǎng)合作機(jī)構(gòu) > 學(xué)校機(jī)構(gòu) > 長(zhǎng)沙牛耳教育歡迎您!
長(zhǎng)沙UI設(shè)計(jì)培訓(xùn)移動(dòng)界面應(yīng)該怎么布局設(shè)置
發(fā)布時(shí)間:2021-10-28 10:34:20
一屏幕對(duì)于應(yīng)用程序非常重要,因此在對(duì)一些更復(fù)雜的應(yīng)用程序進(jìn)行_次審查時(shí),會(huì)堆積大量條目。如果在頁(yè)面中添加過(guò)多的內(nèi)容,會(huì)給人一種頁(yè)面狹窄的感覺(jué),給用戶(hù)帶來(lái)很大的壓力,所以元素過(guò)多有時(shí)也不好。空白可以使空間感更強(qiáng),視野更開(kāi)闊?瞻卓梢詼p少頁(yè)面的壓力,讓用戶(hù)進(jìn)入輕松的氛圍。
二是通過(guò)留白來(lái)區(qū)分元素的存在,弱化元素之間的屏障。
表單項(xiàng)和表單項(xiàng)、按鈕和按鈕、段落和段落是相關(guān)但需要區(qū)分的,可以通過(guò)留空輕松創(chuàng)建視覺(jué)識(shí)別,也可以給用戶(hù)一種干凈整潔的感覺(jué)。
三是突出表達(dá)重點(diǎn),留白!痹O(shè)計(jì)包括對(duì)差異的控制。
不斷重復(fù)同一項(xiàng)工作教會(huì)了我,必須限制這些差異,只保留那些關(guān)鍵的差異!边@句話出自陀載的《白皮書(shū)》原文。這是簡(jiǎn)單和自然的表達(dá)方式,通過(guò)留空來(lái)限制頁(yè)面的差異。減少頁(yè)面元素和亂七八糟的顏色,讓用戶(hù)能夠快速專(zhuān)注于產(chǎn)品本身,這種方法在應(yīng)用中得到了廣泛的應(yīng)用。
第四個(gè)空白處對(duì)該頁(yè)的組成作了不同的改動(dòng)。布局設(shè)計(jì)要有節(jié)奏感,這是我一直強(qiáng)調(diào)的。
傳統(tǒng)雜志打開(kāi)每一頁(yè)都有不同的視覺(jué)感受。我認(rèn)為在應(yīng)用程序的許多部分中,你也可以突出你的個(gè)性或特點(diǎn)?瞻卓梢越o頁(yè)面優(yōu)先權(quán)的改變,也可以創(chuàng)造不同的視覺(jué)氛圍,通過(guò)空白來(lái)改變版面,然后用四個(gè)原則可以產(chǎn)生不同的效果。
值得注意的是,離開(kāi)白色并不是為了讓界面充滿(mǎn)白色,而是為了營(yíng)造一種空間與距離、自然與舒適的感覺(jué)。
看東西的時(shí)候,往往會(huì)有一些不同的視覺(jué)心理。例如,如果兩個(gè)等寬的正方形和圓形放在一起,你肯定會(huì)覺(jué)得正方形更寬。在版圖設(shè)計(jì)中,這些科學(xué)的視覺(jué)方法也被廣泛應(yīng)用于指導(dǎo)用戶(hù)進(jìn)行視覺(jué)設(shè)計(jì),設(shè)計(jì)師可以快速找到一些版圖設(shè)計(jì)方法。
首先,常用的方法是靈活使用黃金分割率。通過(guò)黃金分割率可以快速設(shè)置文本與線段的間距、圖片的縱橫比等位置。例如,設(shè)置障礙物的高度等。
在界面布局上,圓角和圓形比直角更容易接受和友好。
直角通常用在需要更全面展示的地方,如用戶(hù)照片、唱片封面、藝術(shù)品、商品展示等,用魚(yú)片當(dāng)人肉飼料或化身、盤(pán)子樣式等會(huì)有更好的效果。
在全局頁(yè)面的布局上,也要避免單調(diào),增加節(jié)奏感。
正如我前面提到的,排版應(yīng)該是優(yōu)先的,這樣用戶(hù)在觀看的過(guò)程中不會(huì)感到乏味和無(wú)聊。
圖片也有不同的色調(diào),可以通過(guò)掩蔽來(lái)控制。
如果你選擇一個(gè)更明亮的色調(diào),你可以減少對(duì)用戶(hù)的壓力。如果選擇較深的色調(diào),可以使整個(gè)畫(huà)面更加穩(wěn)定,內(nèi)容顯示更加清晰。
_一段不是布局設(shè)計(jì)原則,更像是一種設(shè)計(jì)意境。
在古代,寫(xiě)詩(shī)有一種叫做白描的技巧。元拓載還強(qiáng)調(diào)“美的設(shè)計(jì)是虛無(wú)”。在界面設(shè)計(jì)上,他還追求“讓用戶(hù)感覺(jué)不到設(shè)計(jì)”的狀態(tài)。文本/按鈕的每一行/每一行都有其存在的原因。它不添加無(wú)意義的裝飾,不需要陪村和陪襯,讓用戶(hù)更加注重主題內(nèi)容,弱化視覺(jué)認(rèn)知。即使用戶(hù)在滑動(dòng)時(shí)看到一個(gè)按鈕或一行文本,他們也會(huì)覺(jué)得這是一種自然的存在!逼刑岵皇菢(shù),鏡子也不是平臺(tái)!痹谠O(shè)計(jì)和人類(lèi)生活中,所有有效的方法都像夢(mèng)和幻覺(jué)。只有注意形式,才能開(kāi)悟。
圖中的例子有些地方并不自然,但我認(rèn)為以上的例子都是朝著“讓用戶(hù)不知道設(shè)計(jì)”的方向發(fā)展的,沒(méi)有_的設(shè)計(jì),只有努力改變更好的設(shè)計(jì)。_,做好設(shè)計(jì)不是一天一夜的事,理解設(shè)計(jì)也不是一天一夜的事。我希望你善于發(fā)現(xiàn)和理解美。
本文由培訓(xùn)無(wú)憂(yōu)網(wǎng)長(zhǎng)沙牛耳教育課程顧問(wèn)老師整理發(fā)布,希望能夠?qū)ο雲(yún)⒓娱L(zhǎng)沙UI設(shè)計(jì)培訓(xùn)的學(xué)生有所幫助。更多課程信息可關(guān)注培訓(xùn)無(wú)憂(yōu)網(wǎng)電腦IT培訓(xùn)或添加老師微信:15033336050
以上文章由長(zhǎng)沙牛耳教育課程顧問(wèn)整理編輯發(fā)布,部分文章來(lái)自網(wǎng)絡(luò)內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解相關(guān)專(zhuān)業(yè)課程信息您可在線咨詢(xún)也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050