下載本文檔
版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
1、南通UI設(shè)計(jì)培訓(xùn)版式設(shè)計(jì)在移動(dòng)界面中的應(yīng)用南通UI設(shè)計(jì)培訓(xùn)版式設(shè)計(jì)在移動(dòng)界面中的應(yīng)用!隨著信息和技術(shù)的發(fā)展,手機(jī)屏幕越來(lái)越大,界面開(kāi)始承載越來(lái)越多的信息,繁復(fù)的界面裝飾細(xì)節(jié),讓界面顯得越發(fā)臃腫,人們開(kāi)始更多的關(guān)注界面的內(nèi)容和功能,信息框架呈現(xiàn)出扁平化的趨勢(shì),在設(shè)計(jì)風(fēng)格上,設(shè)計(jì)師們也不再追求3d、擬物化的設(shè)計(jì),而是越來(lái)越崇尚扁平、簡(jiǎn)約的設(shè)計(jì)理念。版面的構(gòu)成是信息傳播的橋梁,發(fā)揮版面元素中各自的特點(diǎn)和功能,會(huì)使整個(gè)版面完成從視覺(jué)到內(nèi)容的完善性和美觀性,從而更快、更準(zhǔn)確的傳遞信息,所以版式設(shè)計(jì)一直以來(lái)廣泛應(yīng)用在廣告、招貼、雜志等平面設(shè)計(jì)中。雖然在移動(dòng)應(yīng)用中是以用戶的操作和使用體驗(yàn)為主,但隨著扁平化潮
2、流襲來(lái),我們不再通過(guò)細(xì)膩的質(zhì)感和光影提升界面的品質(zhì),拉開(kāi)界面的層次,那我們靠什么來(lái)吸引我們的用戶,為用戶創(chuàng)造良好的閱讀和使用體驗(yàn)?zāi)兀堪媸皆O(shè)計(jì)在移動(dòng)界面中的應(yīng)用版式設(shè)計(jì)的常見(jiàn)布局有十三種:骨骼型,滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對(duì)稱型、重心型、三角型、并置型、自由型、四角型等。這些布局在平面設(shè)計(jì)中應(yīng)用非常廣泛,而移動(dòng)界面的設(shè)計(jì)與平面設(shè)計(jì)最大的不同在于其功能性、可操作性和可交互性,版式的選擇也是基于產(chǎn)品的功能特性、目標(biāo)用戶、使用場(chǎng)景等因素。移動(dòng)界面按照其產(chǎn)品功能可以分為兩大類:信息展示型界面和功能操作型界面。信息展示型界面我們常見(jiàn)的以閱讀和傳遞信息為主的界面有:新聞、天氣、
3、閱讀、購(gòu)物、音樂(lè)、食譜、健康等app的某些界面,另外還有新手引導(dǎo)頁(yè)也是比較常見(jiàn)的以傳遞信息為主的頁(yè)面。而這些app又基于其不同的功能特點(diǎn),界面的板式也有各自的特點(diǎn)。以瀏覽引導(dǎo)為主以瀏覽引導(dǎo)為主的界面在布局上會(huì)有一個(gè)明確的主線,而在常見(jiàn)的版式布局中上下分割型、左右分割型、中軸型、曲線型等布局在圖文的排版上對(duì)于用戶會(huì)有一個(gè)潛在的引導(dǎo)提示,因此應(yīng)用比較廣泛。以品牌傳遞為主對(duì)于以品牌傳遞為主的界面,更適合采用滿版型、重心型、自由型等布局樣式。滿版型是用圖片充滿整個(gè)版面,視覺(jué)效果直觀而強(qiáng)烈。下面兩個(gè)界面即是采用了滿版型的布局,利用全屏的圖片和簡(jiǎn)潔的文案?jìng)鬟f出產(chǎn)品的氣質(zhì)和理念,同時(shí)給人大方、舒展的感覺(jué)。以
4、提高瀏覽效率為主對(duì)于注重提高瀏覽效率為主的界面,通常界面中包含了較大的信息量,如何把信息快速、準(zhǔn)確的傳遞給用戶,避免用的煩躁和困擾?這類應(yīng)用中比較典型的是新聞、資訊以及圖庫(kù)等app的界面,我們?cè)谠O(shè)計(jì)時(shí)可以借鑒骨骼型的板式,骨骼型是一種規(guī)范、理性的分割方法,在雜志排版中我們常見(jiàn)的骨骼有:豎向通欄、雙欄、三欄、四欄等。通過(guò)圖文的混合編排呈現(xiàn)理性而嚴(yán)謹(jǐn)?shù)母杏X(jué),在信息的傳遞更為快速、清晰。但是由于平級(jí)的信息,很難區(qū)分主次,而人的視線很難在同一時(shí)間聚焦在兩個(gè)或者兩個(gè)以上的事物上,所以通過(guò)圖片錯(cuò)路排列,使得畫(huà)面更為活潑。以信息展示為主以信息展示為主的界面,比較常見(jiàn)的有記錄型、天氣類等app,這類app界面更強(qiáng)調(diào)信息的直觀性。在這類app中應(yīng)用的較多的布局有滿版型、上下分割、左右分割、中軸型、對(duì)稱型、自由型等。功能操作型界面以功能操作為主的界面主要是引導(dǎo)用戶操作,所以常見(jiàn)的布局主要有上下分割型、左右分割型、中軸型等。在扁平化的潮流下,很多產(chǎn)品也借鑒了雜志排版的一些方式,為用戶帶來(lái)了良好的閱讀和使用體驗(yàn)。我在上面的示例中也只是列舉了一些個(gè)人認(rèn)為比較典型和有意思的布局,而針對(duì)不同功能的app,選擇適合的版式構(gòu)圖類型,大膽的結(jié)合板式設(shè)計(jì)的一些經(jīng)典的形式,也許能為我們的設(shè)計(jì)拓展新的思路。以上是南通科迅教育培訓(xùn)機(jī)構(gòu),為你整理關(guān)
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 高中音樂(lè)鑒賞《第十二單元 傳統(tǒng)風(fēng)格體裁的解體》第23節(jié) 爵士樂(lè)教學(xué)設(shè)計(jì)
- 黑龍江哈三中2025年高三下學(xué)期考前模擬(三)化學(xué)試題含解析
- 擲實(shí)心球教案(山西省太原市小店區(qū))體育與健康
- 人音版七年級(jí)音樂(lè)上冊(cè)(五線譜)第五單元《☆杵歌》教學(xué)設(shè)計(jì)
- 絕對(duì)數(shù)與相對(duì)數(shù)
- 帆軟2024數(shù)字化呼叫中心數(shù)據(jù)解決方案 數(shù)據(jù)采集生產(chǎn)、數(shù)據(jù)整合、數(shù)據(jù)分析-醫(yī)藥行業(yè)
- 《碼頭油氣回收處理設(shè)施檢測(cè)裝備》征求意見(jiàn)稿
- 豬球蟲(chóng)病的病原、流行特點(diǎn)、診斷要點(diǎn)、預(yù)防及治療
- 大學(xué)資產(chǎn)管理制度匯編
- 養(yǎng)牛專業(yè)合作社千頭奶牛養(yǎng)殖可行性研究報(bào)告
- 油田水處理和注水系統(tǒng)地面生產(chǎn)管理規(guī)定
- 混沌學(xué)園PPT:李云龍-增長(zhǎng)力:超越流量思維掌握價(jià)值增長(zhǎng)的秘密
- 會(huì)務(wù)工作教案
- 快消品工作總結(jié)與計(jì)劃
- 2023年浙江省義烏市國(guó)有資本運(yùn)營(yíng)有限公司招聘筆試題庫(kù)含答案解析
- 成本核算與管理知識(shí)點(diǎn)練習(xí)與全真實(shí)操第二版課后參考答案
- 2023年廣東省中考道德與法治試卷(含答案解析)
- GB/T 11987-2022表面活性劑工業(yè)烷烴磺酸鹽總烷烴磺酸鹽含量的測(cè)定
- 大學(xué)生心理健康第二講自我認(rèn)識(shí)
- 培訓(xùn)機(jī)構(gòu)跑路起訴書(shū)范本
- 教導(dǎo)主任培訓(xùn)材料-課件
評(píng)論
0/150
提交評(píng)論