亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見(jiàn)是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見(jiàn)!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問(wèn)題后@管理員能讓我們及時(shí)了解您的意見(jiàn)

提交需求

賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴(lài)!
手機(jī)端漸變風(fēng)啟動(dòng)頁(yè)設(shè)計(jì)教程
0.0°
2017-08-31 原創(chuàng)文章 教程 舉報(bào) 2817 14 19 2

本教程主要講的是漸變風(fēng)格如何設(shè)計(jì),教程針對(duì)小白設(shè)計(jì)師,作業(yè)和要求都在文章中,想學(xué)習(xí)的可以看一看,很少寫(xiě)文章,文筆拙劣,大神輕噴。

Image title

作業(yè)目的:本次作品練習(xí)的目的是如何利用手機(jī)全屏空間來(lái)排版布局一個(gè)有實(shí)際作用的作品,如何通過(guò)對(duì)漸變插畫(huà)的風(fēng)格的把控來(lái)傳達(dá)一個(gè)產(chǎn)品的功能點(diǎn)或者感性的意境。(最后這句著實(shí)有些裝x)

使用軟件:photoshop(當(dāng)然你可以選擇用sk、ai等)
制作時(shí)間:30min(慢點(diǎn)的也可以選擇一萬(wàn)年)
技法剖析:疊加效果的應(yīng)用、蒙版的使用、矢量形狀的拼接和分層、場(chǎng)景意境的突出(曲線、色階等調(diào)整。)Image title

前沿:漸變風(fēng)(或者叫它微質(zhì)感)這種風(fēng)格好像這幾年一直在設(shè)計(jì)流行趨勢(shì)的文章中屹立不倒,主要原因我覺(jué)得首先是制作技法簡(jiǎn)單表現(xiàn)力很強(qiáng),這種風(fēng)格能駕馭各種各樣的功能點(diǎn)表達(dá),比如天氣類(lèi)產(chǎn)品、旅游類(lèi)產(chǎn)品、音樂(lè)類(lèi)、金融理財(cái)類(lèi)、社交類(lèi)等等。甚至于很多游戲的場(chǎng)景都在使用漸變插畫(huà)風(fēng)格。

Image title

看到上面的這些優(yōu)秀的漸變插畫(huà)作品是不是很夢(mèng)幻很舒服呢,接下來(lái)就是我們的人物作業(yè)了,對(duì)于零基礎(chǔ)設(shè)計(jì)小白來(lái)說(shuō),讓他一上來(lái)就原創(chuàng)一個(gè)插畫(huà)風(fēng)格的引導(dǎo)頁(yè)肯定會(huì)非常難下手的,所以本次作業(yè)我們?cè)谠酗L(fēng)格的基礎(chǔ)上做一些延展設(shè)計(jì)。
Image title

作品要求:用一副標(biāo)志性建筑物的插畫(huà)來(lái)表達(dá)一個(gè)地點(diǎn),效果如上圖,例如北京-故宮,澳大利亞-悉尼歌劇院,日本-東京鐵塔,天津-天津之眼,上海-東方明珠等等??梢砸灿眠@種夜景加浮云的效果,但是盡量在這個(gè)基礎(chǔ)上做一些層次上的改變。
該作品可用在垂直深度旅行類(lèi)的產(chǎn)品啟動(dòng)頁(yè)上(如妙計(jì)旅行等)
例如:北京-天壇(故宮、長(zhǎng)城等)接下來(lái),我會(huì)給大家做個(gè)示范案例。
01,可以選找一些不錯(cuò)角度的攝影圖片。

Image title

02,目的是按照他的輪廓用鋼筆工具勾一個(gè)矢量的形狀,并合理按照想要的感覺(jué)加一些細(xì)節(jié)。

Image title

比如我這里加了一些城墻的輪廓,近處的石磚路還有幾排樹(shù)。一位內(nèi)最終我要做一個(gè)背光的效果,所以現(xiàn)階段只要考慮暗部怎么有層次變化就可以,因此現(xiàn)階段的暗部可以大概用幾個(gè)暗色調(diào)區(qū)分效果即可。

Image title

03,先擇可以在750px×1334px的界面里做一個(gè)構(gòu)圖了,并將背景光效大概調(diào)一下,重點(diǎn)突出背景的光源,細(xì)節(jié)圖:房子的側(cè)邊給幾像素高亮的邊,月光背景加幾層透明度逐漸減少的光圈,最后一層加一個(gè)疊加效果的光效,讓過(guò)度更舒服,接下來(lái)就可以增加一些浮云效果了,如下:

Image title

04,做到這里,其實(shí)已經(jīng)基本差不多了,剩下的就是氣氛上的烘托了,我使用的一些基本理論無(wú)非就是冷暖對(duì)比,突出重點(diǎn)聚焦之類(lèi)的,廢話不多說(shuō)看效果。

Image title

以上的演示其實(shí)都是在第一個(gè)設(shè)計(jì)稿的基礎(chǔ)上進(jìn)行的微調(diào)整,調(diào)整的方式有很多,比如換一下背景的圖片,有流行的日落,帶星星的黑夜,日出日落的紅霞等等。然后再使用色相/飽和度功能來(lái)進(jìn)行色相飽和度的調(diào)整,將前景的色調(diào)和背景做一個(gè)搭配就可以了。。
以上的演示做完了,接下來(lái),我挑了一副本次作業(yè)承輝學(xué)院的學(xué)生完成的作品,進(jìn)行一下修改和店鋪。

Image title

上面這副悉尼歌劇院場(chǎng)景是承輝學(xué)院uxa7班程程同學(xué)的作品,跟原版的風(fēng)格很像,營(yíng)造的氛圍和構(gòu)圖都很不錯(cuò),唯一不足的我覺(jué)得是一些近景的細(xì)節(jié),因?yàn)樵撟髌方笆呛C妫钥梢杂靡恍┎ü?、倒影、海鷗之類(lèi)的細(xì)節(jié)來(lái)讓畫(huà)面更加飽和一些。

Image title

當(dāng)然浮云的層次其實(shí)也可以規(guī)整一下,我這里用的正圓來(lái)拼的,大小不一的正圓拼接做的合并圖層,這樣云彩看起來(lái)輪廓線要更好一些。最后的星星我也做了一個(gè)層次,有弱的也有強(qiáng)的,最終調(diào)整過(guò)后的效果如下:

Image title

當(dāng)然,你也可以用飽和度和色相這個(gè)萬(wàn)能的東東再調(diào)整一下效果,并且用蒙版擦出強(qiáng)弱變化。最后希望,大家都嘗試做一做這種微質(zhì)感漸變的插畫(huà)啟動(dòng)頁(yè)。

更新:2017-08-31

收藏

14人已收藏

承輝學(xué)院

章魚(yú)GUI群364978584章魚(yú)游戲群473294097

  • 117

    作品

  • 2288

    粉絲

  • 12

    關(guān)注

  • icon的繪制及優(yōu)化
  • 承輝學(xué)院UI手游全日班-3期-學(xué)生作業(yè)
  • 承輝學(xué)院UI手游全日班-3期-學(xué)生作業(yè)
  • 又見(jiàn)章魚(yú)哥作品__牧師徽章再加工

    猜你喜歡

      2017-08-31 原創(chuàng)文章 教程 舉報(bào) 2817 14 19 2

      手機(jī)端漸變風(fēng)啟動(dòng)頁(yè)設(shè)計(jì)教程

      0.0°

      你確定要舉報(bào)手機(jī)端漸變風(fēng)啟動(dòng)頁(yè)設(shè)計(jì)教程?

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過(guò)10M的附件請(qǐng)使用網(wǎng)盤(pán)地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見(jiàn):

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2017年08月31日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以?xún)?nèi)

      0/200

      19
      14
      2

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄