來人人都是產(chǎn)品經(jīng)理【起點學(xué)院】,BAT實戰(zhàn)派產(chǎn)品總監(jiān)手把手系統(tǒng)帶你學(xué)產(chǎn)品、學(xué)運營。
記錄這些內(nèi)容,只是覺得有趣,盡管可能看起來沒什么用,但很多事情換個視角總會有些不同。
步驟1:拖入一個矩形,寬高自定,設(shè)置圓角值、投影,填充類型選擇為漸變,然后設(shè)置漸變開始和結(jié)束的顏色(選中顏色指示浮標就可以更換對應(yīng)位置的顏色),設(shè)置漸變角為90(即垂直方向的漸變)。
步驟2:再拖入一個矩形,點擊右上角的灰色小圓點,選擇圓形模式(或設(shè)置比較大的圓角值直到矩形變?yōu)閳A形);
填充類型選擇為單色,#F2F2F2;
投影設(shè)置見右側(cè)示意,投影顏色為#000000,不透明值為15;
到樣式面板設(shè)置內(nèi)陰影,參數(shù)見右側(cè)示意,內(nèi)陰影顏色為#FFFFFF,不透明值為100。
步驟3:復(fù)制兩個圓形,根據(jù)比例調(diào)整大寫,并分別填充#536383、#293448;
步驟4:再繪制一個圓形,設(shè)置漸變填充,顏色依次為#FFFFFF(不透明值100)、#0099FF(不透明值11)、#00CCFF(不透明值0),位置距離及角度值見右側(cè)示意;
步驟5:復(fù)制一個前面的圓形圓形,更改漸變填充,顏色依次為#0099FF(不透明值100)、#0099FF(不透明值11)、#00CCFF(不透明值0),位置距離及角度值見右側(cè)示意;
步驟6:再拖入一個矩形,點擊右上角的灰色小圓點,選擇任意一個半開口的矩形模式,設(shè)置圓角值得到一個半圓;
然后到樣式面板設(shè)置旋轉(zhuǎn)角度,為了方便,可以將其與步驟三繪制的矩形群組再旋轉(zhuǎn)。
對以上原色的大小位置進行組合就可以得到一個簡單相機圖標了,也可以嘗試加一些其他元素進行練習(xí),比如紅色心形的提示燈……
相機圖標
最后,Axure可以不僅僅只是用來進行交互原型設(shè)計,也可以在你需要的時候增加一點點趣味性,比如,這種扁平風(fēng)格的小插畫(這時候,工具已經(jīng)不是工具了^-^):
工位插畫
工位插畫圖形節(jié)點
相機圖標源文件地址:
作者源:
官方下載:
作者:lkl_ue(簡書作者)
本文由 @lkl_ue 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
1.《0099ff是什么顏色》援引自互聯(lián)網(wǎng),旨在傳遞更多網(wǎng)絡(luò)信息知識,僅代表作者本人觀點,與本網(wǎng)站無關(guān),侵刪請聯(lián)系頁腳下方聯(lián)系方式。
2.《0099ff是什么顏色》僅供讀者參考,本網(wǎng)站未對該內(nèi)容進行證實,對其原創(chuàng)性、真實性、完整性、及時性不作任何保證。
3.文章轉(zhuǎn)載時請保留本站內(nèi)容來源地址,http://f99ss.com/why/2197960.html