發(fā)布時(shí)間:2024-03-01 12:48:46 瀏覽量:134次
插畫在APP界面設(shè)計(jì)中作為產(chǎn)品優(yōu)秀的“推銷者”,根據(jù)市場(chǎng)流行、表現(xiàn)方式和元素特征等要素,可以大致把APP插畫設(shè)計(jì)風(fēng)格分為:
扁平化舍棄掉美學(xué)上的一些裝飾,沒有多余的透視、紋理、漸變以及3D效果等元素加以陪襯,只保留了事物最本質(zhì)的特征,更直接地突顯信息本身的核心內(nèi)容。扁平化插畫與擬物化設(shè)計(jì)不同,在設(shè)計(jì)元素上多以抽象、簡(jiǎn)潔和符號(hào)化等特點(diǎn)為主,它沒有像擬物化那樣給人一種逼真的感覺,也沒有過多的裝飾物,更注重一些實(shí)物性的功能。
扁平化插畫是通過扁平的繪制風(fēng)格來呈現(xiàn)視覺藝術(shù)表達(dá)形式,即用簡(jiǎn)單的外部輪廓繪制出插畫內(nèi)部需要出現(xiàn)的內(nèi)部圖形,它的特點(diǎn)有四點(diǎn)比較明顯:一是在于大膽的用色,二是畫面簡(jiǎn)潔明快,三是“偽”扁平化,四是字體扁平設(shè)計(jì)。扁平化插畫的界面設(shè)計(jì)不需要多余的裝飾性東西來進(jìn)行修飾,僅用規(guī)整的排版、簡(jiǎn)潔的圖形與鮮亮的色彩進(jìn)行結(jié)合。
扁平化插畫在APP界面中給觀者一種耳目一新的感覺,以極簡(jiǎn)的方式賦予具象事物“萌”化的狀態(tài),使界面整體看起來干凈整齊、簡(jiǎn)約大方,同時(shí)也縮小了彼此間的距離感并減少認(rèn)知障礙。
MBE風(fēng)格的插畫是在扁平化的潮流中逐漸演變的,而且非常簡(jiǎn)約、可愛、有趣,它的特點(diǎn)主要有三點(diǎn):
①圓潤(rùn)的線條描邊,一般以粗線條為主,粗線條可以使畫面看起來圓潤(rùn)可愛,有時(shí)為避免粗線條造成的壓抑感,也會(huì)結(jié)合斷點(diǎn)式和無斷點(diǎn)式的線條,營(yíng)造愉悅的氣氛。
②鮮明的顏色配色,沒有漸變顏色,色彩飽和度高,經(jīng)常采用橙色、綠色或者黃色等亮色,色彩也會(huì)偏離線條輪廓,來塑造高光和陰影的效果。
③主體周圍會(huì)有一些小裝飾,例如小圓點(diǎn)、煙花、加號(hào)等形狀。
MBE插畫設(shè)計(jì)風(fēng)格使APP界面看起來充滿趣味性和靈動(dòng)感,插畫圖形元素依仗自身的優(yōu)勢(shì),將界面設(shè)計(jì)以簡(jiǎn)馭繁、優(yōu)化整合,讓畫面形象都變得活靈活現(xiàn),極大地改善用戶的使用體驗(yàn),以醒目的信息向用戶傳達(dá)溫暖的企業(yè)形象。
APP界面插畫設(shè)計(jì)風(fēng)格采用手繪插畫的方式不局限于傳統(tǒng)形式,而是根據(jù)移動(dòng)APP的產(chǎn)品、場(chǎng)景、功能等綜合因素深思熟慮后,將源遠(yuǎn)流長(zhǎng)的傳統(tǒng)手繪形式和與時(shí)俱進(jìn)的數(shù)碼插畫形式融會(huì)貫通。手繪插畫風(fēng)格的特點(diǎn)有:
①能展現(xiàn)不同材質(zhì)的質(zhì)感效果。
②可以充分表達(dá)線條的流暢度,與不同材質(zhì)相結(jié)合,采用不同的作畫方法。
③能鮮明的體現(xiàn)畫面肌理痕跡。
此處的漸變主要是指顏色純度、色相或者基本形漸進(jìn)的、有規(guī)律的變化。漸變可以從位置、大小、方向、色彩等視覺因素做漸變特性,呈現(xiàn)一種不一樣的形狀或現(xiàn)象。漸變色興起是由于扁平化風(fēng)格容易造成同質(zhì)性,而為了豐富視覺表現(xiàn)效果,增強(qiáng)藝術(shù)設(shè)計(jì)美感,漸變色逐漸興起。
漸變插畫也稱為微光插畫,其特點(diǎn)是畫面光感比較強(qiáng),顏色一般采用近似色且種類不多,屬于一種唯美的風(fēng)格,注重意境和氛圍的渲染,色調(diào)柔和,畫面和諧統(tǒng)一,帶給人溫馨感受。
立體就是在平面上展示出栩栩如生的立體圖像效果,運(yùn)用光影、虛實(shí)、明暗對(duì)比等手法,打破傳統(tǒng)平面圖像的一成不變,給人一種新的視覺感受,立體插畫也稱為2.5D插畫,以立體形式在二維空間表現(xiàn)三維效果,讓畫面形象更加真切,在畫面效果上更有真實(shí)的感染力。
熱門資訊
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范,原來如此重要!
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎?這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范,包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁(yè)、引導(dǎo)頁(yè)、浮層引導(dǎo)頁(yè)、空白頁(yè)和首頁(yè)等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識(shí)
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、字體...
5. 移動(dòng)端列表頁(yè)和表單頁(yè)設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁(yè)和表單頁(yè)是不可或缺的部分。一個(gè)好的列表頁(yè)和表單頁(yè)設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對(duì)于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長(zhǎng)與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡(jiǎn)潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣?想學(xué)UI設(shè)計(jì)要多少錢?
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎?不知道學(xué)UI設(shè)計(jì)要花多少錢?不妨看看這篇文章,了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對(duì)色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
同學(xué)您好!