相信大家都有過跟我一樣的想法，要是有人幫我做圖就好了，于是這次的教程的靈感來源于——擺爛。

這個時候電腦給你發來了溫暖的問候。

這是一個82年的拉菲，哦不，彈窗！本期咱們就直接用電腦自帶的彈窗素材來做幾種不同風格的海報設計，體會體會素材得來全不費工夫的趕腳。

先來看看彈窗素材在海報中的應用：

第一個我們來做一個window彈窗的表現手法，window系統于1985面世，也不斷的更新叠代至今，其中經典的window98系統彈窗也是一個很具代表性的設計！

所以這次我們就提取這種彈窗元素，放心，已經給你整理好了，全在這了，後台回複【彈窗素材】即可獲得這套矢量素材：

可以看出這種彈窗，非常适合做一個複古題材的海報，接着，上人物！把人物放入彈窗内，彈窗擺的可以随意一些，有一些大小變化，模拟電腦彈出的趕腳。

接着擺上文字，這裡就直接用【複古回潮】了，也加入複古的國潮紅來搭配，做一個提亮，這裡【回潮】文字彈窗我直接截圖了軟件自身背景來做一個點綴，豐富頁面層次。

最後我們加入經典的像素鼠标手，及其他的一些小icon點綴，增加頁面的表現力，最後在PS裡加入顆粒雜色，增強質感，這張複古感的海報就完成啦！

講了Window彈窗，接着就來上一波Mac彈窗，Mac彈窗的特點就是更簡潔，清爽，還有蘋果手機彈窗的效果，他們讓界面UI對人視覺的幹擾降到了最低。

我們直接來模拟蘋果系統新消息彈出的表現形式，加上小紅點，是不是讓你有一種迫不及待想點擊的沖動。

人物我就模拟手機相冊裡窗口的感覺，是不是很熟悉的味道！

結合文案，組合下彈窗的效果，可以得到 ↓

右下有點空，于是我給它加了個Mac系統的下載文件夾icon。

使用Mac電腦的小夥伴，仔細觀察我們電腦彈窗，不難發現，它是有一層外陰影的，這樣能每個彈窗的層級感更明顯，讓前面的信息更突出，所以這裡我們也給彈窗加上這個陰影。

最後我們可以再加一層人物，讓人物來個破窗的展示，讓整個畫面更生動，節奏感更強，同時背景加一個清爽的漸變色提亮即可。

孟菲斯風格，大家應該都比較熟悉，它的特點就是大膽的撞色搭配，營造趣味性的畫面。孟菲斯的設計表現形式是非常多樣的，而彈窗這種形式也是我們用的比較多的。

這裡我大緻列舉幾種常見的孟菲斯風格彈窗的表現形式，組合的形式也比較自由，在配色上有豐富的延展性，也多用色塊錯位或者層疊的效果來強化層次感。

孟菲斯風格也注重對幾何圖形的運用跟延展，這裡我選用無襯線英文字體，字母塊面感更強，營造一種僞3D的效果，加強畫面的空間感。

結合文案，跟彈窗組合編排一下，同時也加入一些小表情，增強畫面趣味性。

再增加一些點線元素跟小圖形豐富一下畫面即可！

最後這個彈窗的形式就是我們日夜相伴的Ai裡對象選中的的效果啦！so easy！

仔細觀察，我們在Ai裡選中文字的時候四周會有一個透明框線彈窗，環繞框線四周還會有小框線，以及下方的文字基線，這裡我們就直接把這種效果copy出來即可。

然後我們可以給透明線框加入顔色，讓文字信息組之間的層次感更強，增強頁面文字閱讀性。

根據主題，可以加入一個小插圖豐富一下，咖啡與面包，我這裡就用簡單的矩形跟圓結合一下。

兩個圖形結合一下，再來個賤賤的一個小表情，可以增強畫面趣味性。

把文字跟圖形做一個環繞編排，最後用橢圓邊再加入一個彎鈎小手的趕腳即可！

加入Ai這種文字框線後，是不是覺得畫面的調性跟層次感都更豐富了，其實它相當于給我們的畫面增加了很多點與線的元素，增強了整個版面活躍度，人們的視覺有了引導，就是我們常常說的，你成功引起了我的注意！

好， 本次教程到這就結束啦，掌握這4種彈窗大法，讓你做圖速度加倍，快樂下班！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!