一? 想讓作品從80分到100分鼎兽?你需要這3個(gè)包裝作品的小技巧! - 優(yōu)設(shè)-UISDC
1? 加頭圖
2 加內(nèi)容(局部細(xì)節(jié)铣除,軟件操作過(guò)程圖谚咬,手繪圖,展示顏色尚粘,字體择卦,icon)
3 加展示模板
二?想讓作品從80分到100分?你需要這些包裝作品的小技巧!(升級(jí)篇) - 優(yōu)設(shè)-UISDC
1 層級(jí)
1.1 顏色層級(jí)(深淺郎嫁,色相)
1.2 內(nèi)容層級(jí)
豐富層級(jí)的方法:
a? 使用模型秉继,讓界面局部與模型分離
b 讓背景多幾個(gè)層次
c 借助點(diǎn)綴物 ,豐富畫(huà)面層次
1.3 方向?qū)蛹?jí)? ? ? 展示的內(nèi)容不要都放在同一個(gè)方向泽铛,要有變化尚辑,左右一定要混合使用,不然看著就會(huì)死氣沉沉的厚宰。
2 細(xì)節(jié)
2.1?加點(diǎn)小修飾? 添加點(diǎn)腌巾、線、面的元素铲觉,使整體看起來(lái)很豐富
2.2 質(zhì)感? ?手機(jī)模型上加一層屏幕的反光,顯得質(zhì)感倍增
2.3 投影??
2.4 適當(dāng)?shù)钠?/b>
三?學(xué)會(huì)這13個(gè)方法吓坚,才能完整地包裝你的UI設(shè)計(jì)作品 - 優(yōu)設(shè)-UISDC
1.?項(xiàng)目的名字撵幽,種類(lèi)。
2.?設(shè)計(jì)流程O(píng)verview
了解項(xiàng)目-用戶(hù)研究-【設(shè)計(jì)-評(píng)估-再設(shè)計(jì)】
understand-user study-【design- evaluation-redesign】
3?項(xiàng)目背景介紹/用戶(hù)介紹/各種背景知識(shí)介紹
可以結(jié)合插畫(huà)
4?用戶(hù)調(diào)研
5. 角色板
6.?設(shè)計(jì)需求/洞察點(diǎn)? ? 當(dāng)你有一系列數(shù)據(jù)作為支撐了并且還有假定的用戶(hù)組了礁击,你就可以列出你的設(shè)計(jì)洞察點(diǎn)了盐杂。
7. 頭腦風(fēng)暴??炫草圖
8 交互模型
9?HTA Chart & Wireframe
10 ui效果圖
11 評(píng)估?
做完UI 不代表完事兒了,你還需要對(duì)你的作品進(jìn)行評(píng)估哆窿,這里我用的是啟發(fā)式評(píng)估链烈,非常快速有效的方式挚躯。把評(píng)估這一環(huán)節(jié)做進(jìn)你作品集里强衡,會(huì)讓面試官覺(jué)得眼前一亮(我猜)
12 再設(shè)計(jì)?就是把評(píng)估找出來(lái)的問(wèn)題能解決的盡量解決。
13最終展示圖
四?從平庸到卓越码荔!5個(gè)幫你快速提高設(shè)計(jì)稿質(zhì)感的實(shí)用方法 - 優(yōu)設(shè)-UISDC
1 層次 平面與縱深
?將畫(huà)面中的元素突出或弱化漩勤,人為的制造出視覺(jué)差,大大增強(qiáng)畫(huà)面的立體感缩搅。
2 顏色
借助配色工具??比如 Adobe Color越败,以及 Apple 設(shè)計(jì)師也在用的Color Schemer Studio2?幫忙,在色輪上取正負(fù)30°的顏色硼瓣,通常就是非常好的近似色組合究飞。
選定一種顏色后,分別疊加20%透明度的白色和20%透明度的黑色,得到了想要的同類(lèi)色組合亿傅。
3 陰影
4 氛圍
5 字體? 常用的英文字體:
Neosans? 媒峡、Heivetica Neue、Lucida Grande袱蜡、Century Gothic
五??
甜過(guò)初戀的感覺(jué)丝蹭!搞定游戲視覺(jué)包裝中的”情感化設(shè)計(jì)” - 優(yōu)設(shè)-UISDC
1、本能的設(shè)計(jì)坪蚁。關(guān)注于外形的視覺(jué)效果奔穿。可以結(jié)合游戲中熟悉的場(chǎng)景敏晤,角色贱田,道具等圖形所呈現(xiàn)的視覺(jué)效果來(lái)引起玩家的共鳴。
2嘴脾、行為的設(shè)計(jì)男摧。通過(guò)網(wǎng)站體驗(yàn)的優(yōu)化設(shè)計(jì)。讓玩家可以在體驗(yàn)獲得樂(lè)趣译打。
3耗拓、反思的設(shè)計(jì)。通過(guò)把整個(gè)網(wǎng)站把玩家從游戲中經(jīng)歷的事件一一通過(guò)數(shù)據(jù)和圖形表現(xiàn)奏司。呼起玩家的回憶乔询。引發(fā)玩家共鳴。
六??這才是你要學(xué)的韵洋!手把手教你包裝一份高大上的設(shè)計(jì)稿 - 優(yōu)設(shè)-UISDC
為甲方提供一份包含 PDF 說(shuō)明檔案的檔案包竿刁。
設(shè)計(jì)說(shuō)明順序
主概念,色彩搪缨,icon食拜,界面細(xì)節(jié)。
細(xì)節(jié)說(shuō)明這個(gè)副编,你可以多做 4 ~ 5 個(gè)頁(yè)面负甸,來(lái)把一些你值得注意的地方,放大說(shuō)明齿桃。千萬(wàn)不要把你的心思惑惶,埋沒(méi)在一堆 PNG 之中。
七?Duang短纵!如何讓你的設(shè)計(jì)稿特技加特技带污? - 優(yōu)設(shè)-UISDC
1 優(yōu)雅的數(shù)據(jù)填充
填充更加合適的數(shù)據(jù)。比如找些顏值比較高的頭像香到,好看的背景圖片鱼冀,符合場(chǎng)景的文案等报破。數(shù)據(jù)的填充影響著整體設(shè)計(jì)的美感和甲方對(duì)產(chǎn)品的期望。
如果你是使用 Sketch 進(jìn)行設(shè)計(jì)千绪,你還可以采用 Content Generator 插件充易,自動(dòng)填充頭像、文本荸型、日期等數(shù)據(jù)盹靴。
2?炫酷的展示模型及合適的場(chǎng)景
3?相關(guān)的設(shè)計(jì)說(shuō)明材料
設(shè)計(jì)說(shuō)明,比如創(chuàng)意思考瑞妇,為何要用這個(gè)顏色和字體稿静,使用規(guī)范,和實(shí)際場(chǎng)景使用下的參考圖等等辕狰。
這個(gè)說(shuō)明書(shū)改备,可以讓客戶(hù)看到你的專(zhuān)業(yè)態(tài)度和你為了這個(gè)設(shè)計(jì)所付出的認(rèn)真。拿到一個(gè)包裝精美的產(chǎn)品蔓倍,總比拿到一個(gè)裸奔悬钳、連包裝和說(shuō)明書(shū)都沒(méi)有的東西要來(lái)得踏實(shí)。
八?情感|設(shè)計(jì)的三個(gè)層次偶翅,幫你重開(kāi)情感化設(shè)計(jì)的大門(mén) - 優(yōu)設(shè)-UISDC