
UI设计
Linda L
这个作者很懒,什么都没留下…
展开
-
ps学习(一)
ps学习(一)ipone 4s 640 * 960 状态栏:40 导航栏:88 菜单栏:98 (px像素) 画布: 640 * 920 px, 分辨率 72 颜色模式: RGB 画面显示的三种方式切换:f 隐藏除了画布之外的所有界面:tab 打开“打开对话框”:ctrl+o 新建画布:ctrl + n 关闭画布:ctrl + w 打开标尺:ctrl + r 通过在标尺上拖拽原创 2015-02-25 22:54:55 · 684 阅读 · 0 评论 -
色彩搭配
要使app的色彩搭配得好,吸引人,就要注意做好撞色选择。所谓撞色,就是对比色的搭配。主体颜色形成对比,其他附选的颜色也应该处于同一色系,以便保持协调一致。 看得比较多的对比色是黑和白,红和绿,蓝和黄 这是一个对比色环,离得越远色彩对比越明显。如果在做app图标不知如何确定颜色可根据这个对比色环参考选择。 海报服装中模特衣服的色彩搭配要求是比较严格的,从这些作品中也可以了解时尚原创 2015-02-27 21:44:20 · 1685 阅读 · 0 评论 -
文件夹图标绘制
画一个圆角矩形,鼠标按住不放,通过向上下方向快捷键改变圆角半径 按住shift,通过比例缩放工具下的倾斜工具让圆角矩形倾斜 再画一个圆角矩形。A|t+shift移动复制一个 “直接选择工具”选中圆角矩形左边的锚点,按住shift键,拖动,图形不会变形 将拖出来的圆角矩形与另一个矩形两个合在一起,联集 画一个大矩形,通过路径查找器“减去顶角”原创 2015-02-24 21:46:43 · 1046 阅读 · 0 评论 -
Coffee图标绘制
画出一个圆角矩形 画一个更大的圆角矩形 在路径查找器“减去顶角” 画出一个圆角矩形,对象->路径->偏移路径,画出一个更大的矩形,减去顶层,画出环形 与半圆角矩形合在一起,联集 接下来画蒸汽,用钢笔画锚点,点击起点,再点击终点不要放开鼠标调整曲度 钢笔画出的只是路径,描点加粗 感觉蒸汽变扭不自然的话,可用原创 2015-02-24 20:16:11 · 1146 阅读 · 0 评论 -
下雨天气app图标绘制
这里画的画先用AI,后面想要更好地处理可用PS。虽然现在AI工具已经更新到很高版本了,个人比较喜欢低版本的,比较简洁。这里用14.0.0的,界面与最新版本的有点不一样 进入正题 要画出的图标是这样的 首先长按矩形工具,可选择画矩形、椭圆...这里画椭圆,然后填色,双击填色,在拾色器里选择颜色把椭圆填充 单击椭圆,通过改变椭圆的长半径和短半径改变椭圆的形状 云朵呢,可看成多原创 2015-02-24 10:16:54 · 1994 阅读 · 1 评论 -
设置app图标绘制
拖出圆角矩形不放,按向上方向键增大圆角半径,向下减小圆角半径,调整圆角半径;按向右圆角半径会达到最大;向左会一步清零,变成直角 Ctrl+c,复制。Ctrl+f原位粘贴,通过旋转工具-》复制,画出旋转45度的圆角矩形 ctrl+d直接复制旋转45度的圆角矩形 通过路径查找器合为一体(联集) 拖出一个椭圆不放,按住shift键画出圆,拖动椭圆调整到原创 2015-02-24 16:43:40 · 1499 阅读 · 0 评论 -
移动端免费素材合集
在移动端设计风起云涌的今天,移动端的UI和UX设计师任重而道远。巧妇难为无米之炊,好素材就是设计师的底气。这次搜集的移动端免费素材覆盖全面,从教学资源到UI Kit,从开发工具到图标合集,一应俱全。 学习资源 UX Design for Mobile Developers 移动端开发的用户体验设计是Udacity所推出的课程,教授移动端应用开发用户体验设计的技术和案例,主要是针对转载 2015-01-29 19:04:40 · 1488 阅读 · 0 评论 -
信封app图标绘制
从工具栏拖出一个多边形不放,绘出一个六边形,按住向下快捷键可减少多边形的边数,从而绘出三角形,填充颜色。用选择工具选择三角形,通过拉伸改变三角形的形状 将光标停在三角形的一角,出现弧线,便可旋转移动三角形 将两个三角形重叠,倒三角形置于顶层。如果倒三角形不处于顶层,通过右击排列将其置于顶层。 先复制保存倒三角形,调出路径查找器,减去顶层 就变成这个样子 Ctrl+f原位粘原创 2015-02-24 11:41:46 · 1647 阅读 · 0 评论 -
群组图标绘制(渐变效果)
先看下最终效果 先画背景图标 画个圆,要控制画出的圆是正圆,不是椭圆,按住shift。填充背景调为径向渐变的绿色 上边较浅绿的由半圆和泼浪组成的图形 获取通过中间的圆与左边的圆交集;中间圆与左右两边圆的差集;再用“直接选择工具”取出需要的部分,与交集联集,缩小后嵌入圆中,编组 最中间圆的边由两个圆环组成,两个圆环的制作方法相同。复制一个与中间圆相同大小的圆,偏移路原创 2015-02-25 16:07:25 · 1369 阅读 · 0 评论 -
如何让你的App图标杀出重围?
有过软件启动图标的设计经验的设计师,经常会遇到这样一个问题: 设计出的单枚软件启动图标看起来很炫,但是放到电子市场上后,却不太受用户的喜爱,用户点击率很低。 怎样从视觉设计的层面,去提升app软件启动的图标点击率呢? 其实,我们在设计软件启动图标的过程中是有一定共性的设计方法的,这些能够帮助我们提升图标的点击率。 1. 运用视觉隐喻的同时,需要保证图标的可识别性。 如图一,这里很多图标设计转载 2015-02-25 17:15:57 · 782 阅读 · 0 评论 -
出色的移动线框图设计工具
1、 Framer------现代原型制造工具 2、 Indigo Studio------快速交互的原型制造 3、 Mockingbird------快速线框图设计 4、 Simulify------可分享的交互式线框图,实体模型,以及原型 5、 Solidify------创作可点击的原型 6、 Lovely Charts------制图App应用,提供桌面和移动原创 2015-01-18 21:05:01 · 1061 阅读 · 0 评论 -
兼容不同的屏幕大小
转载请注明出处:http://blog.youkuaiyun.com/zhaokaiqiang1992 由于Android设备的碎片特性,关于屏幕适配的话题一直绵绵不休,这篇文章是Android开发者官网的屏幕适配教程,算是非常官方的解决方案,我们可以从这里学到很多。 原文链接:http://developer.android.com/training/multiscreen/sc转载 2015-03-01 10:25:55 · 951 阅读 · 0 评论