發(fā)布時間:2024-03-11 13:53:53 瀏覽量:224次
我們在做圖標(biāo)的時候,都是生活中常用的圖標(biāo)設(shè)計(jì)。簡潔,貼近生活,而我們有這樣幾個圖標(biāo),是可以作為延展設(shè)計(jì)的。
我們在做這樣的圖標(biāo)的時候,是要用到輔助線的,圖標(biāo)是作為設(shè)計(jì)師很重要的一點(diǎn),他能體現(xiàn)自己的作品,還能展現(xiàn)自身的優(yōu)點(diǎn),而且我們在做的時候,是可以加點(diǎn)自己的喜好和特長在里面的,給外界一個途徑知道你喜歡做什么。
UI界面和移動端是一個很好的途徑,圖標(biāo)可以展現(xiàn)自己的風(fēng)格和技術(shù)上的表現(xiàn)。我們是很容易做出一些沒有的風(fēng)格。
首先新建一個畫布,可以沿用網(wǎng)格和背景圖標(biāo)來做,讓它居中,背板就做好了。用內(nèi)陰影給他一個厚度,降低顏色讓厚度再明顯一點(diǎn)。再用內(nèi)陰影,直接將投影設(shè)置出來。接著開始設(shè)置顯示器,拖一個圓角矩形來做。然后再加一個從上到下的漸變色,再拖一個圓角矩形放在中間,這樣便有了凹凸感。之后給屏幕一個顏色,再加上一個內(nèi)發(fā)光,用漸變的狀態(tài)給它一個陰影的狀態(tài)。這樣顯示器便做好了。之后設(shè)計(jì)一個數(shù)字,可以直接將剛才計(jì)算器上的數(shù)字直接拖過來。然后制作按鈕,拖一個矩形來做,可以加上一個內(nèi)陰影,與背板方法一樣,加一個投影,不要太長。我們調(diào)整好一個按鈕后,可以直接復(fù)制做其他的按鈕。之后將加減乘除的標(biāo)志加上,等號的標(biāo)志要用紅色,有一種警示的感覺。這樣計(jì)算器便完成了。將它拖到網(wǎng)格之中便可。
然后做燈的圖標(biāo),延用它的背板,用輔助線來做,加一個漸變顏色,制作本身的燈,先拉一個圓,切掉一半,還要建一個里面的樣子,它的上面是帶著一點(diǎn)點(diǎn)透視的。再加上是平視,所以那個燈不可以翹的太高。接著做一個燈泡,然后做出吊頂?shù)膱A柱形,再加上上面的金屬的部分,之后復(fù)制一層做出里面的反光,加上內(nèi)陰影表示一下厚度,而且是一個從上到下的。我們需要給它的內(nèi)圓加點(diǎn)內(nèi)陰影,還可以給他一個斜面浮雕,再加上一點(diǎn)細(xì)節(jié)。圓柱形要加上一個顏色。兩個這樣的圖標(biāo)便做好了。
之后來做瀏覽器,可以直接復(fù)制一個計(jì)算器,然后刪掉多余的東西,只留下圓,加上一個漸變顏色,是從上到下的。制作一個中間的圖騰,先拖一個圓,然后復(fù)制一層,讓它有一個內(nèi)圓,我們要用內(nèi)陰影表現(xiàn)它的厚度,再加上一個高光,做一個內(nèi)發(fā)光,做出內(nèi)凹的感覺。
繼續(xù)加上一個投影,之后做中間的圖形,先做一個多邊形,將它縮放成一個四邊形,放在我們規(guī)定的范圍之內(nèi)。接著將中間切掉。之后來制作一個指針,找一個默認(rèn)的形狀,復(fù)制一層做出它的高光處,然后做出指針原本的樣子。然后調(diào)節(jié)一下顏色,將它旋轉(zhuǎn)居中,指針便做好了。再加上投影,這樣瀏覽器便做好了。
這就是這三個圖標(biāo)的基本步驟。
你學(xué)會了嗎?
熱門資訊
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個絕佳的UI設(shè)計(jì)網(wǎng)站,助力你的創(chuàng)作之旅!
將為大家介紹12個絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個面向設(shè)計(jì)師的...
3. 移動端UI設(shè)計(jì)中常見的5種APP界面類型,你get到了嗎?
通過介紹移動端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型,幫助大家更好地了解UI設(shè)計(jì)的基本知識
4. 10個免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個:站酷站酷想必是設(shè)計(jì)師都知道的一個網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
5. 移動端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
6. 推薦10本適合UI設(shè)計(jì)師看的書籍,輕松掌握技能!
對于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久?培訓(xùn)完能拿多少工資?
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程,以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會。
8. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對色彩在早期文明社會中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
9. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
10. 武漢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)價格以及學(xué)習(xí)內(nèi)容。
最新文章
同學(xué)您好!