首頁

彌散風(fēng)蛇年海報設(shè)計教程

ui設(shè)計分享達(dá)人

  • 風(fēng)格:彌散復(fù)古風(fēng)統(tǒng)一確認(rèn)(背景繪制)。
  •  
    主體圖形:蛇和燈籠作為蛇年新年的聯(lián)想元素。
  •  
    點綴圖形:采用冬季梅花和燈光星光來營造新年氛圍。
  •  
    排版構(gòu)圖:是傳統(tǒng)上下對稱構(gòu)圖。
彌散風(fēng)蛇年海報設(shè)計教程
 
 
2021年興起的彌散風(fēng)是通過色彩的漸變來創(chuàng)造出視覺上的模糊效果,極具氛圍感。較低設(shè)計成本就能獲得良好視覺效果,這樣高性價比的彌散風(fēng)這兩年都很受歡迎。
這里使用的設(shè)計工具是「
行空設(shè)計
」,可PC端搜索使用,邊看邊操作效果更佳哦~
風(fēng)格背景確認(rèn)
此次海報用的是彌散復(fù)古風(fēng),所有圖形需統(tǒng)一配色和風(fēng)格,主要控制以下兩個參數(shù):
  •  
    圖形設(shè)置「高斯模糊」5-40值不等
  •  
    配色采用橙紅和藍(lán)色復(fù)古撞色
彌散漸變背景,為了讓背景漸變過渡更自然,由兩個圖形漸變構(gòu)成,高斯模糊值40。兩個形狀的接壤處用鋼筆工具自行調(diào)整即可。
彌散風(fēng)蛇年海報設(shè)計教程
 
 
燈籠繪制
燈籠分燈身和兩頭臺座。
  •  
    燈身:由兩個橢圓形減去頂層得到對稱兩片扇面,再復(fù)制一次留下交集和第三個橢圓減去頂層得到第二對扇面,如此往復(fù)得到所有扇面組成燈身。燈身填充漸變色#F08B64透明度0%_#F84F67_#F2715A,高斯模糊10。
  •  
    臺座:臺座用長方形雙擊進(jìn)入路徑編輯,將底部兩端錨點分別向反方向移動等距離即可。在上下兩邊中間新建錨點向上移動一定距離,雙擊錨點即可得到對稱弧度,調(diào)整手柄去擬合燈身底部弧度即可。上臺座填充漸變色#FD9F98透明度0-100%,下臺座填充色#FAA191,高斯模糊10。
彌散風(fēng)蛇年海報設(shè)計教程
 
 
蛇的繪制
蛇的繪制主要在于漸變自然,形態(tài)繪制用鋼筆工具即可。
  •  
    蛇頭:如圖分三截進(jìn)行漸變調(diào)整,漸變色#07E8F7,透明度100-0%,高斯模糊10。
  •  
    蛇尾:如圖分兩截進(jìn)行漸變調(diào)整,漸變色#07E8F7,透明度0-100%,高斯模糊10。
  •  
    斑點:斑點為大小不一的圓,填充#F8F8BF,高斯模糊10。
彌散風(fēng)蛇年海報設(shè)計教程
 
 
點綴圖形
點綴圖形不要求對稱,因此用鋼筆工具大致繪制出來即可。
梅花:分別繪制花蕊和花瓣,花瓣填充漸變#E74C48_#FFFFFF透明度0%,花蕊填充#F6D049
星星:不同大小的星星可以設(shè)置不同的高斯模糊,更具有動態(tài)美感。
彌散風(fēng)蛇年海報設(shè)計教程
 
 
文字排版
“newyear”文字使用的是免費商用的字體是卡通字體「豆豆體P」,高斯模糊8。整體排版是上下排版,四個角落可以安排品牌logo和祝福文字等等,保持整體的對稱美感。
彌散風(fēng)蛇年海報設(shè)計教程
 


作者:行空設(shè)計
鏈接:https://www.zcool.com.cn/article/ZMTY1MDIyMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

色彩搭配,決定 PC 端界面設(shè)計成敗的關(guān)鍵因素

ui設(shè)計分享達(dá)人

在 PC 端界面設(shè)計的廣袤天地里,色彩搭配宛如一位隱匿卻極具影響力的幕后推手,悄無聲息地左右著設(shè)計的成敗。當(dāng)用戶打開一款 PC 軟件,最先映入眼簾的便是界面的色彩。它不僅構(gòu)建起視覺的第一印象,更能在無形中影響用戶的情緒、操作體驗以及對產(chǎn)品的整體認(rèn)知。接下來,讓我們深入探索色彩搭配在 PC 端界面設(shè)計中的關(guān)鍵作用。

一、色彩的情感與心理暗示

色彩是有 “語言” 的,每一種色彩都蘊含著獨特的情感與心理暗示。比如,紅色熱烈而充滿活力,常被用于促銷類界面,以激發(fā)用戶的購買欲望;藍(lán)色冷靜且專業(yè),深受辦公軟件和金融類應(yīng)用的青睞,能給用戶帶來可靠、安心的感覺;綠色象征著自然與健康,適合健康養(yǎng)生類軟件,營造出平和舒緩的氛圍。了解這些色彩的特性,有助于設(shè)計師根據(jù)產(chǎn)品的定位和目標(biāo)用戶的需求,精準(zhǔn)選擇合適的主色調(diào)。

二、色彩搭配的原則

(一)對比度原則

適當(dāng)?shù)膶Ρ榷饶茏尳缑嬖馗忧逦鬃x。在文字與背景的色彩搭配上,要確保足夠的對比度,避免閱讀困難。例如,深色背景搭配淺色文字,或者反之。但也要注意,過高的對比度可能會產(chǎn)生刺眼的視覺效果,需要把握好度。

(二)色彩和諧原則

和諧的色彩搭配能給人帶來舒適的視覺感受??梢圆捎妙愃粕钆洌缂t與橙、藍(lán)與紫等,它們在色相環(huán)上位置相近,搭配起來自然流暢;也可以運用互補色搭配,如紅與綠、藍(lán)與黃等,通過強烈的對比創(chuàng)造出鮮明的視覺沖擊,但需要巧妙調(diào)和,防止過于刺眼。

(三)主輔色搭配原則

確定一個主色調(diào)作為界面的核心,然后搭配 1 - 2 種輔助色。主色調(diào)奠定整體風(fēng)格,輔助色則起到補充和豐富的作用。例如,在一款以藍(lán)色為主色調(diào)的辦公軟件中,可以搭配少量的橙色作為點綴,突出重要按鈕或提示信息,使界面更加生動活潑。

三、不同類型 PC 端界面的色彩搭配策略

(一)辦公類軟件

辦公類軟件注重效率和專業(yè)性,通常采用簡潔、沉穩(wěn)的色彩搭配。以藍(lán)色、灰色為主色調(diào),搭配白色或淡色文字,營造出冷靜、專注的工作氛圍。同時,通過色彩區(qū)分不同的功能區(qū)域,讓用戶能夠快速定位所需操作。

(二)游戲類軟件

游戲類軟件追求刺激、熱血的游戲體驗,色彩搭配往往鮮艷奪目、充滿活力。多運用高飽和度的色彩,如紅、黃、橙等,以及強烈的色彩對比,來吸引玩家的注意力,激發(fā)他們的興奮感和參與度。

(三)閱讀類軟件

閱讀類軟件旨在提供舒適的閱讀環(huán)境,色彩搭配以柔和、淡雅為主。常見的有米黃色背景搭配黑色文字,類似紙張和墨水的效果,減輕眼睛疲勞,讓用戶能夠長時間沉浸在閱讀中。

四、案例剖析

以某知名設(shè)計軟件為例,它的界面采用了深灰色為主色調(diào),搭配亮橙色的操作按鈕和輔助線條。深灰色營造出專業(yè)、高端的設(shè)計氛圍,亮橙色則在低調(diào)中脫穎而出,吸引用戶的注意力,讓關(guān)鍵操作一目了然。這種色彩搭配不僅符合軟件的專業(yè)定位,還提升了用戶操作的便捷性和視覺體驗。
再看一款在線教育平臺的 PC 端界面,主色調(diào)為淺藍(lán)色,給人清新、舒適的感覺,契合教育的輕松氛圍。同時,搭配綠色的進(jìn)度條和提示信息,象征著學(xué)習(xí)的成長與進(jìn)步。通過合理的色彩搭配,該平臺在視覺上給用戶帶來愉悅的感受,增強了用戶的學(xué)習(xí)積極性。
色彩搭配在 PC 端界面設(shè)計中占據(jù)著舉足輕重的地位。它既是一門藝術(shù),也是一門科學(xué),需要設(shè)計師深入了解色彩的特性、搭配原則以及不同類型界面的需求。只有精心雕琢色彩搭配,才能打造出既美觀又實用,能深深打動用戶的 PC 端界面,在激烈的市場競爭中脫穎而出。

醫(yī)療設(shè)備UI界面設(shè)計優(yōu)化-冰凍切片機

資深UI設(shè)計者

由于面世時間許久,該設(shè)備的操作界面已經(jīng)落后于目前的主流界面顯示,同時舊版本的UI界面操作交互上有一定的優(yōu)化空間,于是有了本次的UI界面的重新優(yōu)化REDESIGN。

深色 UI 界面設(shè)計要點有哪些

藍(lán)藍(lán)設(shè)計的小編

主色調(diào)選擇:深色界面通常以黑色、深灰色等為基底色調(diào),如 #000000、#121212 這類純黑或接近純黑的顏色能打造深邃背景。在此基礎(chǔ)上,可選取少量高飽和度色彩作為強調(diào)色,像亮藍(lán)色(#007AFF)、熒光綠(#39FF14)等,用于按鈕、圖標(biāo)、重要提示信息,形成鮮明對比,吸引用戶注意力,確保關(guān)鍵操作醒目。

大屏深色系 UI 設(shè)計:點亮科技與藝術(shù)的融合之光

藍(lán)藍(lán)設(shè)計的小編

大屏深色系 UI 設(shè)計作為科技與藝術(shù)融合的結(jié)晶,正以其獨特的魅力改變著我們與數(shù)字世界的交互方式。它不僅為我們帶來了更加高效、便捷的使用體驗,也讓我們在日常的科技產(chǎn)品使用中感受到了藝術(shù)的溫度和力量。相信在未來,隨著技術(shù)的不斷進(jìn)步和設(shè)計理念的持續(xù)創(chuàng)新,大屏深色系 UI 設(shè)計將會綻放出更加璀璨的光芒,為我們的生活增添更多的精彩。

蘭亭妙微:專注醫(yī)療 UI 設(shè)計,點亮數(shù)字化醫(yī)療新視界

藍(lán)藍(lán)設(shè)計的小編

在藍(lán)藍(lán)設(shè)計(蘭亭妙微)十余年的專業(yè)積累中,形成了完善的設(shè)計服務(wù)流程和專業(yè)積累,關(guān)注國外行業(yè)領(lǐng)先者產(chǎn)品,不斷學(xué)習(xí)和提升,形成先進(jìn)的方法論,并在項目中已驗證落地。針對不同行業(yè),不同用戶和產(chǎn)品設(shè)計相應(yīng)的用戶訪談問題、小組交談主題,深度挖掘行業(yè)特性和用戶本質(zhì)需求,以用戶需求為核心出發(fā)點,重新梳理產(chǎn)品架構(gòu),調(diào)整優(yōu)化交互規(guī)則,構(gòu)建符合行業(yè)特性、滿足用戶需求的交互規(guī)范。可以整合系統(tǒng)架構(gòu),畫出軟件整體全流程頁面交互原型,合并或展開任務(wù)步驟頁面,優(yōu)化操作流程,提升用戶滿意度和工作效率

教育行業(yè) UI 高階技巧:打造沉浸式學(xué)習(xí)體驗界面

藍(lán)藍(lán)設(shè)計的小編

過在視覺、交互、音頻和內(nèi)容呈現(xiàn)等多個方面運用這些高階技巧,教育行業(yè)的 UI 設(shè)計能夠打造出真正沉浸式的學(xué)習(xí)體驗界面,讓學(xué)習(xí)者在數(shù)字化的學(xué)習(xí)環(huán)境中全情投入,享受學(xué)習(xí)的過程,從而提高學(xué)習(xí)效果和教育質(zhì)量,推動教育行業(yè)邁向新的發(fā)展階段。

教育行業(yè) UI 進(jìn)階之路:色彩與情感的深度融合

藍(lán)藍(lán)設(shè)計的小編

教育行業(yè) UI 設(shè)計的進(jìn)階之路在于深入挖掘色彩與情感之間的微妙關(guān)系,并將其巧妙地融入到每一個設(shè)計細(xì)節(jié)中。通過精準(zhǔn)地運用色彩來激發(fā)學(xué)習(xí)者的情感共鳴,引導(dǎo)他們的學(xué)習(xí)情緒,塑造獨特的品牌形象,我們能夠打造出不僅功能完善,而且充滿人文關(guān)懷和情感魅力的教育 UI 界面,為學(xué)習(xí)者開啟一段更加豐富、深刻且愉悅的數(shù)字化學(xué)習(xí)之旅,讓教育在色彩與情感交織的舞臺上煥發(fā)出新的活力與光彩。

教育行業(yè) UI 設(shè)計基礎(chǔ)篇:簡潔直觀的風(fēng)格打造

藍(lán)藍(lán)設(shè)計的小編

在教育行業(yè)的 UI 設(shè)計中,打造簡潔直觀的風(fēng)格是基礎(chǔ)且關(guān)鍵的一步。通過合理的布局、恰當(dāng)?shù)纳蚀钆?、簡潔的圖標(biāo)和字體設(shè)計以及簡單易懂的交互設(shè)計,能夠為用戶提供一個高效、舒適的學(xué)習(xí)環(huán)境,讓學(xué)習(xí)者能夠?qū)W⒂谥R的獲取,提升教育產(chǎn)品的競爭力和用戶滿意度,從而更好地推動教育行業(yè)的數(shù)字化發(fā)展。

日歷

鏈接

個人資料

存檔