
UI
DevCsdner
行走在编程的道路上。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
UI-实战-平台设计规范
UI-平台设计规范 IOS 尺寸与屏幕分辨率(PX) iPhone 320*480 640*960(4) 640*1136 750*1134 1080*1920 iPad 1024*768 2048*1536 不需要每个尺寸都做,设计当前市面上流行的手机尺寸750*1134 界面的基本组成元素 iPhone界面一般由四部分,通常使用750*1134尺寸设计 状态栏 信号、运行商、电量等显示手...原创 2019-11-25 16:09:01 · 529 阅读 · 1 评论 -
UI-网页设计-色彩搭配
色彩原创 2019-11-25 14:44:15 · 2085 阅读 · 0 评论 -
UI-实战-主题
图标 多边形,4边,平滑拐角 小白调整大小,先对齐两边,然后再自由变换调整对齐四边 信号发射:圆环-描边5px-小白删除选中锚点,剩下1/4圆环。修改描边属性:居中对齐、端点为圆形;ctrl+j复制,自由变化,按shift以固定点缩放 技巧(统一形状效果) 通过图层样式打造的效果,可以方便复用,复制后不用修改即可复用 内阴影:控制厚度,并使边缘比较硬朗 渐变叠加:控制高光(白色到透...原创 2019-11-12 11:16:19 · 283 阅读 · 0 评论 -
AI-实战-ICON图标
ICON图标设计 扁平化图标 微平化图标 拟物化图标 注意要点 协调美观 易于理解 视觉平衡 同一个尺寸规格,但根据不同形状的图标,会导致面积占比引起的视差大小不同,但要在参考尺寸范围内绘制进行调整。 人的肉眼会有视差问题,所以做的设计就要暂时抛开科学,以人的真实情况去判断再调整。 色彩搭配、质感、透视与光效的统一性 线框图标 晴 使用矩形工具M,框选区域,设置背景颜色 使用小黑,选中背...原创 2019-11-09 18:33:10 · 1148 阅读 · 0 评论 -
AI基础
基本工具 AI(Illustrator)在工作中的应用范围 标志设计及VI设计 绘制ICON图标及图标外形 做印刷时,印刷品中含有大量文字需要排版时,要在ai中进行文字编排并最终进行输出 广告画面中具有艺术性的文字字体设计 新建CTRL+N 屏幕显示:像素 RGB 72 印刷时: MM CMYK 300 矩形工具M PS中矩形选框快捷键M,矩形形状U PS中椭圆选框快捷键...原创 2019-11-08 14:03:54 · 1600 阅读 · 0 评论 -
美术基础-明暗与透视
明暗与透视 明暗原理 三面 亮面 灰面 暗面 (黑 白 灰) 五调 亮面 灰面 暗面 反光 明暗交接线(球体) 透视 近大远小 近实远虚 平行透视(一点透视):消失于一点 我们日常所接触到的物体以六面立方体为最多,如:建筑物,桌椅,柜,橱,舟车等物,这些物体不管它的形状如何不同,都可以归纳在一个或数个立方体中,一个六面立方体,有上下,前后,两侧三种面,只要有一种面...原创 2019-11-04 13:01:09 · 936 阅读 · 0 评论 -
网页设计-第一天-按钮打造
网页基本元素打造 按钮分类 平面类、体积类、光感类、凹面类 按钮特点 有区别于背景的外框 有对应的文字/图标 按钮的本质特点就是可以点击 按钮规范 按钮大小根据文字大小确定,文字大小一般为18~24px 文字大小一般为按钮高度的一半,左右边距大于上下边距 文字字体只能用宋体和雅黑,14Px以下用宋体,14px以上用雅黑(按钮一般用雅黑) 形状多为圆角矩形,圆角半径一般用3~10PX,...原创 2019-10-28 19:55:47 · 683 阅读 · 0 评论 -
网页设计-第二天-企业站首页
网页设计第二天 网站分类 Html类(80%) 优点:信息量大,版块划分规整,非常便于后期删除,修改,更新等维护。 缺点:不动感,视觉冲击力不强 HTML5,CSS3,JS,JQ (15%) 优点:有一些小动效,视觉效果更好,每一屏只显示一个主题,主题突出 缺点:信息量比较小,不太容易后期维护 纯FLASH(5%) 优点:视觉冲击力非常强,交互效果特别好 缺点:加载速度慢,几乎不能更...原创 2019-10-27 14:34:19 · 307 阅读 · 0 评论 -
网页设计-第三天-企业站内页
新闻资讯 设计规范 内页BANNER一般做100~200PX(150PX),效果可以适当简单点,使用滤镜-像素化-马赛克 列表一般居左,宽200PX,高不限,颜色使用#f5f5f5,与正文的间距30~50PX(40PX) 内容与BANNER间距30PX 设计效果 ...原创 2019-10-28 12:59:02 · 167 阅读 · 0 评论 -
网页设计-第四天-个人(个性)网站设计
个性网站设计 head 60px banner 550px 色彩可以比企业站随意、鲜活,不用遵循3,6,9的原则 logo 可以设计的个性化一点,使用多边形,类似QQ登录时,多边形背景 使用钢笔勾勒一个多边形,再用钢笔勾勒两个多边形打造类似折纸效果 打造高光与阴影,使用钢笔勾勒图形与主多边形相交,然后以主多边形为主做剪切蒙板,获取相交部分,设置颜色使之具有明暗对比 注意图中指向的明暗变化 ...原创 2019-10-29 20:06:53 · 680 阅读 · 0 评论