一 想让作品从80分到100分?你需要这3个包装作品的小技巧! - 优设-UISDC
1 加头图
2 加内容(局部细节,软件操作过程图,手绘图,展示颜色,字体,icon)
3 加展示模板
二 想让作品从80分到100分?你需要这些包装作品的小技巧!(升级篇) - 优设-UISDC
1 层级
1.1 颜色层级(深浅,色相)
1.2 内容层级
丰富层级的方法:
a 使用模型,让界面局部与模型分离
b 让背景多几个层次
c 借助点缀物 ,丰富画面层次
1.3 方向层级 展示的内容不要都放在同一个方向,要有变化,左右一定要混合使用,不然看着就会死气沉沉的。
2 细节
2.1 加点小修饰 添加点、线、面的元素,使整体看起来很丰富
2.2 质感 手机模型上加一层屏幕的反光,显得质感倍增
2.3 投影
2.4 适当的破
三 学会这13个方法,才能完整地包装你的UI设计作品 - 优设-UISDC
1. 项目的名字,种类。
2. 设计流程Overview
了解项目-用户研究-【设计-评估-再设计】
understand-user study-【design- evaluation-redesign】
3 项目背景介绍/用户介绍/各种背景知识介绍
可以结合插画
4 用户调研
5. 角色板
6. 设计需求/洞察点 当你有一系列数据作为支撑了并且还有假定的用户组了,你就可以列出你的设计洞察点了。
7. 头脑风暴 炫草图
8 交互模型
9 HTA Chart & Wireframe
10 ui效果图
11 评估
做完UI 不代表完事儿了,你还需要对你的作品进行评估,这里我用的是启发式评估,非常快速有效的方式。把评估这一环节做进你作品集里,会让面试官觉得眼前一亮(我猜)
12 再设计 就是把评估找出来的问题能解决的尽量解决。
13最终展示图
四 从平庸到卓越!5个帮你快速提高设计稿质感的实用方法 - 优设-UISDC
1 层次 平面与纵深
将画面中的元素突出或弱化,人为的制造出视觉差,大大增强画面的立体感。
2 颜色
借助配色工具 比如 Adobe Color,以及 Apple 设计师也在用的Color Schemer Studio2 帮忙,在色轮上取正负30°的颜色,通常就是非常好的近似色组合。
选定一种颜色后,分别叠加20%透明度的白色和20%透明度的黑色,得到了想要的同类色组合。
3 阴影
4 氛围
5 字体 常用的英文字体:
Neosans 、Heivetica Neue、Lucida Grande、Century Gothic
五
甜过初恋的感觉!搞定游戏视觉包装中的”情感化设计” - 优设-UISDC
1、本能的设计。关注于外形的视觉效果。可以结合游戏中熟悉的场景,角色,道具等图形所呈现的视觉效果来引起玩家的共鸣。
2、行为的设计。通过网站体验的优化设计。让玩家可以在体验获得乐趣。
3、反思的设计。通过把整个网站把玩家从游戏中经历的事件一一通过数据和图形表现。呼起玩家的回忆。引发玩家共鸣。
六 这才是你要学的!手把手教你包裝一份高大上的设计稿 - 优设-UISDC
为甲方提供一份包含 PDF 说明档案的档案包。
设计说明顺序
主概念,色彩,icon,界面细节。
细节说明这个,你可以多做 4 ~ 5 个页面,来把一些你值得注意的地方,放大说明。千万不要把你的心思,埋没在一堆 PNG 之中。
七 Duang!如何让你的设计稿特技加特技? - 优设-UISDC
1 优雅的数据填充
填充更加合适的数据。比如找些颜值比较高的头像,好看的背景图片,符合场景的文案等。数据的填充影响着整体设计的美感和甲方对产品的期望。
如果你是使用 Sketch 进行设计,你还可以采用 Content Generator 插件,自动填充头像、文本、日期等数据。
2 炫酷的展示模型及合适的场景
3 相关的设计说明材料
设计说明,比如创意思考,为何要用这个颜色和字体,使用规范,和实际场景使用下的参考图等等。
这个说明书,可以让客户看到你的专业态度和你为了这个设计所付出的认真。拿到一个包装精美的产品,总比拿到一个裸奔、连包装和说明书都没有的东西要来得踏实。