設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

@豁牙子的阿昕 :前陣子設(shè)計神器小隊分享了很多配色和紋理之類平面設(shè)計的工具,很久沒有分享關(guān)于 UI 方面的內(nèi)容了,今天就來安利一個預(yù)覽手機 UI 界面效果的神器,?叫做 Threed ,預(yù)覽之余還提供效果下載,有了它拿給 boss 看就更有底氣了!

Threed

神器鏈接:http://threed.io/

打開首頁是這樣的,點擊左邊的 Start the generator,直入主題。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

然后就可以開始編輯了!

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

第一步當然是上傳我們自己的 UI 界面了,點擊左下角的 Upload 即可。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

阿昕沒有提前準備 UI 界面,就放一個微信的聊天頁面好了。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

這樣你的圖片就自動生成上來了!

點擊中間的三個角度 Icon ,可以變換角度。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

光站著怎么行,點擊右邊的 Angel ,可以讓它躺下。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

光線也可以調(diào)節(jié)。如果嫌光太強,點擊右邊的 Glare ,去掉鏡面反光。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

當然還有手機的顏色,點擊 Color 變成黑色機身。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

點擊陰影可以去掉陰影。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

背景顏色也是可以更換的。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

如果你覺得別的顏色更好看的話。

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

然后再拖動鼠標調(diào)整大小角度之類的。

最后一切都調(diào)整完,點擊下載!

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

就可以拿去給 boss 看效果了,比單張圖片直觀多了不是嗎?

網(wǎng)站是免費的。

結(jié)語

本期分享到這里就結(jié)束了,希望大家在使用過程中多思考,并舉一反三運用到原創(chuàng)作品中。

歡迎同學(xué)們關(guān)注最充滿智(dou)慧(bi)的設(shè)計賬號:

設(shè)計神器!超便捷的UI設(shè)計預(yù)覽網(wǎng)站Threed

「打造精美作品集,你缺這些展示模型」

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng) UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎(chǔ)設(shè)計愛好者也準備了貼心的知識樹專欄。開啟免費自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計導(dǎo)航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航,設(shè)計師必備: http://hao.uisdc.com

收藏 44
點贊 3

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。