随笔分类 - UI+UE
不懂设计的前端不是好前端
摘要:网页设计在技术层面上,第一步是美工做出网页效果图,第二步就是网页前端进行网页切图。网页切图工具常用的有fireworks、PS,这里使用PS进行网页切图。 我们通过设计稿,得到我们想要的产出物(如.png,.jpg文件),给网页提供图片素材(HTML:img,CSS:background)。 一、使
阅读全文
摘要:今天photoshop打开一个问题,提醒:无法完成请求因为暂存盘已满 不用担心这个问题很好解决可能是你做的图比较大并不需要清理C盘空间 选择:编辑→首选项→暂存盘 设置第一暂存盘为D盘或E盘 总之 第一暂存盘最好是你硬盘空间最大的盘这个问题即可解决 像我原来暂存盘为c盘,空闲空间就1G,换成空闲17
阅读全文
摘要:一、不要使用纯色一般来说,做UI设计,海报设计什么的,如果不是特殊的需要,最好不要使用纯色,黑白,纯红(#FF0000)这样的颜色,一是因为纯黑与纯白这样的颜色之间造成的对比让人感觉很不舒服,二是自然界几乎没有看上去纯黑和纯白的物体,不符合人们的生活经验。二、色彩的意象和空间感【1】色彩的意象,是存...
阅读全文
摘要:最后的调整和输出。一、改变形状工具/宽度工具/包裹工具1、改变形状工具【整形工具】改变形状工具可以让我们更细致的控制形状的改变。用钢笔工具画一条曲线,并设置宽度样式等。如果想让这条曲线形状变短,一种方法是使用选择工具,然后伸缩。但是这种方法只能等比压缩,不能细致到调节每个点。另一种方法就是使用改变形...
阅读全文
摘要:本节主要是介绍和形状相关的操作。一、外观面板的使用熟悉外观面板的使用很重要。1、新增描边外观面板可以让我们增加多个描边。点击“新增描边”,系统自动添加一个描边。选中文字,新增描边,可以修改描边的颜色和粗细。2、改变描边的层放大文字,可以像改变层一样,拖动描边到填色的下面,这个月描边就不会覆盖填充的颜...
阅读全文
摘要:成果:AI里ctrl+z撤销,恢复是ctrl+shift+z。主要是使用Blob笔刷和橡皮擦工具来做。一、选择Blog笔刷,选择小熊的颜色。二、画小熊的头和身子和前脚掌按住左中括号和右中括号可以调整笔刷的大小。三、画后两只熊掌按住shift键并向右上和左上移动,形成小熊的后脚掌。四、画小熊的耳朵五、...
阅读全文
摘要:本文主要是介绍和色彩相关的用法。一、路径外观设置1、设置描边粗细手动输入20px下拉选择鼠标选中数值,按向上或向下的箭头调整在右边的描边菜单中修改Note:按住shift键,然后上下箭头调整大小时,间隔是10。2、填充和描边颜色描边颜色的修改在左上角菜单可修改,也可通过菜单栏中的选项修改。双击打开拾...
阅读全文
摘要:本文主要是介绍形状的创建与编辑。一、系列形状工具1、矩形工具矩形的作用很大,比如输入框,按钮,图片的大小,比如相片应用中每一个照片占的比例是多大。初步的UI图的话,会画矩形和圆角矩形就够了。直接拖拽可话矩形。按住shift画正的图形(即正方形)。按住alt以鼠标位置为中心点绘制图形。按住alt+sh...
阅读全文
摘要:成果:步骤如下:一、椭圆工具画正圆按住shift+alt画一个正圆。二、圆角矩形工具画矩形用圆角矩形工具画一个矩形,然后全选水平垂直对齐。三、画眼睛利用椭圆工具画一只眼睛,然后按住alt键当鼠标变成黑色和白色时复制另一只眼睛。四、将眼睛合并成对象将两只眼睛选中,选择对象——》编组,组成一个对象。五、...
阅读全文
摘要:成果:步骤如下:一、新建文档二、选椭圆工具,在画布中间点一下,画一个100px*100px的圆,如下三、同上,再画两个50px*50px小圆。点左上角的选择工具,点小圆中心,放好位置。四、全选三个圆,然后选择形状生成器工具,选择三个部分,最终结果如下。五、填充颜色六、描黄色边,并设置线宽5px。七、...
阅读全文
摘要:图文并茂,浅显易懂。使用markman标注。资源链接:图片来自http://www.ui.cn/detail/56347.html本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:http://www.cnblogs...
阅读全文