本节简介:UI基本常识;优秀UI欣赏分析;UI制作流程。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
UI设计不像logo设计,是整个大的设计,所以用色一定要合理;同一个界面的颜色最多是4~5种
1、上下左右的平衡原则;2、统一性的原则(例如按钮,窗口等的处理应该是一致化的);3、主次顺序来排列方便用户的使用,层次会更分明;4、元素的设计的统一(形状上,颜色上,特效上的统一等)。
UI设计规范:色彩1、吸引用户 2、防止疲劳 3、最多4-5色 4、前景色醒目 5、忌色彩反差大 布局:1、突出功能2、层次分明3、简洁大方4、各界面统一 元素1、.ICON .按钮 .导航 .信息栏 .文字 .背景 排列位置1、布局合理2、按顺序排列3、方便使用。
UI布局的原则:1、上下左右的平衡原则;2、统一性的原则(例如按钮,窗口等的处理应该是一致化的);3、主次顺序来排列方便用户的使用,层次会更分明;4、元素的设计的统一(形状上,颜色上,特效上的统一等)。
UI设计规范:色彩1、吸引用户 2、防止疲劳 3、最多4-5色 4、前景色醒目 5、忌色彩反差大 布局:1、突出功能2、层次分明3、简洁大方4、各界面统一 元素1、.ICON .按钮 .导航 .信息栏 .文字 .背景 排列位置1、布局合理2、按顺序排列3、方便使用。
UI界面整体风格要统一,文字,色彩 ,图形,图像,特效,整体保持统一
UI布局的原则:1、上下左右的平衡原则;2、统一性的原则(例如按钮,窗口等的处理应该是一致化的);3、主次顺序来排列方便用户的使用,层次会更分明;4、元素的设计的统一(形状上,颜色上,特效上的统一等)))
UI设计不像logo设计,是整个大的设计,所以用色一定要合理;同一个界面的颜色最多是4~5种
UI平衡,界面统一,按钮菜单统一。元素顺序排列,统一的色调,窗口位置,效果。。。整体风格一致
漂亮的朦胧效果:图片去色,复制一份,反向,颜色减淡,滤镜高斯模糊,最后正片叠底一层浅纯色图层
漂亮的朦胧效果:图片去色,复制一份,反向,颜色减淡,滤镜高斯模糊,最后正片叠底一层浅纯色图层。
同一界面最多5种颜色,前景色尽量明亮,背景色尽量暗淡。注意上下左右平衡,不要数据堆积,背景一定不要抢主体物,背景色偏暗或中明度。登陆界面1000*750,72px
淡淡的绿叶背景效果——先截取一段,然后去色,复制一层,另一层Ctrl+i反相,然后图层模式选择颜色简单,最后将这一层高斯模糊得到一层淡淡的叶子的效果,最后在新建一层填充淡绿色,降低不透明度到合适的程度。
绿色和蓝色对眼睛可以起到保护作用, 淡淡的效果可以给人不刺激的感觉,清爽自然
常用UI分类:1.游戏界面 较复杂 人物 细节 操作栏目 风格协调统一 弹出窗口 2.各类软件UI MSN QQ 聊天窗口,文字图片显示区域大 3.手机界面UI设计 主题即UI界面设计的一种 4.网站UI界面 标识 LOGO 导航条 整体风格色调 结构的统一
I指的是用户界面设计,也就是指各类界面设计。 1.色彩:-吸引用户 -防止疲劳 -最多4~5色 -前景色醒目 -忌色彩反差大 2.布局:- 突出功能 -层次分明 -简洁大方 -各界面统一 3.元素:-ICON -按钮 -导航 -信息栏 -文字 -背景 4.排列位置:-布局合理 -按顺序排列 -方便使用