熟练操作绘图软件Photoshop的一些知识点

像素单位，色彩管理，参考线，图像格式，网格等设置。 Photoshop中的钢笔路径绘图，形状图层的布尔运算。 图层蒙版，图层路径蒙版，剪贴图层的运用。 Photoshop中选区的巧妙运用。 图层命名规则，图层文件夹。 图层厲性，图层样式详解。 如何标坐标，切图。 CTRL+T，网格变换。 液化.涂抹工具，加深减淡工具。 UI边缘透明度处理和精确对齐。 如何标坐标，切图。 Ctri+T. 网格变换。 Photoshop中制作GIF动画。 phooshop中曲线.色相、亮度的调整技巧。 Photoshop中的常用滤镜。 Illustrator和Photoshop协同路径作业, Illustrator中的网格渐变高级用法。

文档整理规范

参考图片 纹理素材 需求资料 效果图 源文件 切图

图标绘制：像素图标、剪影2D图标、扁平化图标、写实图标、3D图标、手机系统主题图标

手机系统主题图标 （有萌点、造型元素统一、元素风格统一、色彩适合主题风格）。 包括：拨号、联系人、浏览器、短信、相机、图库、音乐、主题风格、设置、应用商店、时钟、录音机、收音机、手电筒、计算器、语音助手、指南针、日历、便签、天气、电子邮件、游戏中心、文件管理、备份、下载管理、系统更新、密码保护、安全中心等。 流程： 铅笔草图开始画、此时对造型进行探索。 画路径线框图，此时可以对造型进行进一步的规整。 确定配色，为了使图标统一，先要确定整体整套图标用色。 细化润色，一般此时会在PS中将质感细节加强。 完稿，设计展示效果图。

界面设计之APP——注意 功能提要 、多分析类似应用。

七大APP：金融、网购电商、摄影美图、阅读新闻、社交地图、音乐播放、工具查询搜索浏览器。 金融：易操作、导航明确、设计前需要了解公司业务流程、相关颜色（中国为涨红色、跌绿色；国外相反）、避免误操作、适当增加提醒、与数据库关联性强。 网购电商：分类和活动专题、商品搜索、展示很重要，买卖后台一目了然，一般为表现强烈的暖色，底色为白； 摄影美图：黑色为底色、镜头特效、色彩特效、防抖、后期处理等特效、集图分享类如花瓣常用瀑布流。 阅读新闻：少质感表现、提供多种字体颜色、分栏清晰、考虑标题超出时怎么省略、支持模糊搜索，要有进度条； 社交地图：常用配色为蓝、红、橙、黑；清爽简洁、注意信息展示和交互、注意和社交小游戏及商品推广的绑定； 音乐播放：造型、用色在APP界面设计中最活波、有高保真质感的黑胶碟唱机； 工具查询搜索浏览器：颜色丰富、易操作、历史回退、缩放网页等手势要用的好。 8个web设计趋势：单页面、用照片做背景、色块设计、超大号的图片、聚焦简洁、响应式设计、视察滚动、强调字体

优秀网页设计创意：

把事物拆分后按不同顺序重组。 把事物放到出其不意的位置。 用不同的材质覆盖物体表面。 放大或缩小一个物体的局部。 用造型类似的物体替换原始物体。 复制物体上的局部部件。 使用有故事背景的照片。 使用剪纸艺术或水彩插图。 用线状简笔画和卡通风格的图片。 配上对话框。 使用3D GG和插画。 让物体漂浮起来。 使用形状把照片框起来。 在与主题相关场景中提炼材质和元素。 配色能烘托气氛。 使用flash动画。 界面配色一般都是（主体色+辅助色+点睛色+背景色） 旺铺装修： 店招——宽950px、高150px。 促销区——宽度740px，高度在500px之内 分类按钮——宽度最大160px 描述模板——可用950也可用740 左侧模块（收藏模块）——宽度最大为190 右侧模块——宽度最大为740 自定义页面——宽度最大为740 英文logo的创作技巧： 把笔画拉长 笔画收尾相连 共用笔画 单个字母放入方块 字母放入方块 字母中间串一根线 设计出飘逸的感觉 把笔画用其他物体或造型代替 用一些字母加粗，一些字母变细 添加残影的动感 添加水墨笔画 字母笔画连起来 把英文镜像 在logo的中间加一条白线 在字母中间抽掉一根线 把其中一个字母改变造型 把L或其他字母变得有飘逸感 笔画错位 字母嵌套 阴阳形对比 去除字母部分笔画 把标准字体变化 用字母用椭圆或其他形状框起来 百叶窗 其中某些字母距离拉近 字母错位排列

1.Banner设计的7个步骤

主体物的照片或图片进行枢图处理 确定Banner的主色，主要是主体醒目或是 根据不同节曰气氛、网页整体配色等确定色彩基调 确定物体摆放、LOGO构图和色块分割 设计一级标题文宇，一般用POP广告宇 体，加粗.夸张.立体.描边.碎裂，强质感等 二级标题用稍小一点的宇来补充说明 找一些小元素来点缀及增加趣味性，切记，要和主题呼应，乱添不如留白 对背景陪衬进行修饰和优化 使Banner更主次分明

2.提高Banner转換率的10条建议

真正和购物者“打成一片”：内容是购物者所关心的 提供正确跳转链接：用户单击后进入正确的产品页面和购买渠道 为用户提供专业建议，例如，进口奶粉上的元素等. 一级标题和二级标题文案用词更满晰: 让客户一眼就能识别宣传目的 让原本困难的购物决策变得简单，例如，全国300万妈味的选择 利用个人魅力创造销量，请名人来代言 制造购物的紧迫感 写清活动优惠曰期和时间.如仅此一天等 满足对价格敏感的用户，降价5m/,. 卖一送一,包邮等. 醒目的色彩和清晰的困片，如橙色背景、红色背景、嫩绿色或根据产品去配色 更有冲击力的字体设计：如3D立体字、倾斜飞入的动感文字

12种banner构图方式：

垂直水平构图 正三角形构图 倒三角形构图 对角线构图 框架式构图 堆放式构图 放射式构图 渐进式构图 主次构图 主题放两边，文字放中间 文字和主题左右分栏 文字和主题上下分栏

优秀的UI具有哪些特点？

简洁（因为页面满满的全是东西会让人找起来很困难） 清晰（不容易让用户感到困惑） 容错（允许用户犯错） 高效（能够帮助用户提高效率） 美观（让用户看到很开心） 一致（整个软件是一致的） 响应（操作界面后，反应迅速） 熟悉（让用户第一眼就感到熟悉）

UI设计的分类

1、平铺成条 2、九宫格 3、大图滑动 4、图片平铺 5、分类标签 6、下拉选项框

今天小露露让我帮她排版，我觉得授人以鱼不如授人以渔。 就发给她我平时会注意的方面。 以下为原话：

“
=

字体、颜色、字号、布局、留白、字体修饰、符号修饰、图标修饰，图片选择、重复、对齐、行距、字间距、色彩搭配、风格等统一一致、加质感、有细节、层次、栅格、比例正确、视觉引导、所有元素都要精致、东西放在正确的位置、有反差、有对比、区分明暗、必要时有特殊处理如元素孤立、结构布局特殊。

”
=

然后想解释下我要说的。 我一般第一步会把所有元素按照最普通的方式放好，但这最普通的方式其中注意了栅格、对齐、字号对比、字体对比、字颜色对比。 放在页面上之后我会考虑一下可以做成什么风格，我一般会选择比较流行的风格做。 确定风格后脑中已经构思出一个页面布局，这就用到了一些设计原理（平面构成：重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等。立体构成：点线面与视觉引导结合）。 同时我会考虑到色彩，根据页面的主要想表现的东西选择适合它的颜色作为主色（有时候也会根据找的图片找主色，但一般找的图片颜色是根据已定好的主色找的），然后会根据确定主色和搭配后造成页面的单一无趣从而确定辅色、背景色等。到这一步我已经把内容、图片等布置的差不多了。 这时候开始考虑之前做页面布局想形成的视觉引导的缺陷，然后利用留白、在元素上加蒙版（视情况加白加黑，蒙版上也可加层次加元素加蒙版）、字体修饰、符号修饰、图标修饰等，而字体、符号、图标等与最初确定的风格要统一一致（比如要不要圆角，要不要做缺省图标，符号、图标要什么颜色比较适合页面，图标要不要加统一的特征或元素），必要时要自己重画。 好，现在到最后一步了，所有内容看似已经放到它该放的地方，这时候要对页面细化。把行距、字间距调整，给背景或其他东西加质感、加渐变等，使整体有细节、有层次、栅格和比例正确。 做以上所有工作时一定要注意所有元素都要精致、东西放在正确的位置、有反差、有对比、区分明暗、必要时有特殊处理如元素孤立、结构布局特殊。 当然我的排版也不好，只是说了自己的经验，应了标题。

前段时间电脑被我弄坏之后，我换了系统，由于之前用win10原版系统没有太大问题，所以装的还是win10，后来安装的PS是2015版的，接下来的一个月里，每次用手绘板在PS里绘画的时候，总会莫名其妙的卡住，然后还会有超级恶心的水波涟漪效果出现（后来才知道原来有个长按变右键的功能导致）。 解决方法是打开控制面板，点击“笔和触摸”，里面“笔选项”选择“长按”，然后点击“设置”，把“将长按用作为右键单击”的勾取消掉即可。 但是在PS里绘画会卡的问题还是很难解决，毕竟PS越新，对电脑性能要求越高。苦于别的设计师经常丢一个超高版本的PSD模板，我却打不开。我还是默默忍受PS有一些卡吧。

下午修了几张图，其实只是把背景多余的路人修掉、图片变清晰等等而已~

在导出作品集的时候总是会遇到文件超大的问题，即使你只有几个画板。那么怎么解决？ 说说我的经验。 从网上搜索的大概都是把存储的PDF放进另外一个软件或网站做处理，唯一看到一个相对有文化点的就是： 选Save as PDF(储存PDF)–>按Press印刷–>按Compression(压缩)–>Color Bitmap Images(彩色位图图像) 输入72 ppi, 然后Gray scale Bitmap Images(灰度位图图像)输入72 ppi, 之后Monochrome Bitmap Images(单色位图图像)输入72 ppi, 最后save按储存。 这样做的后果是你的图片质量将会非常不如人意。 当然可以选其他的选项试试，比如我后来没有进行上述操作，而是把压缩>“压缩”统统从Zip改成JPEG（因为我想到那些图片并不有需要再次编辑，转成JPEG试试），结果瞬时从96.7M变成了4.4M，肉眼完全看不出图片的质量有任何的损坏（除了最后一页）。 最后一页明显的破坏了整个局面，我尝试过： 1、在PS里单独导出样机的png，然后在AI里面拖动图片的各个锚点。遗憾的是单独的样机还是出现了模糊的情况，而且图片是不能在AI里面像PS一样拖动各个锚点。 2、先不保留出现糟糕画质的最后一页，待保存了PDF，再次将保存好的PDF放进AI，进行编辑。遗憾的是如果之前将PDF保存可编辑模式，则再次编辑再保存，其实和直接在AI源文件里保存是一样的结果。但如果保存为不可编辑，则拖进PDF时，只能打开某一页，并且那一页已图片形式展现。 最好的办法是做好了导出图片拖进PPT，然后转成PDF，一般情况下，PPT转PDF这个过程会对图片的品质有损坏，所以在AI导出图片的时候分辨调高一些。

我搭建这个网站已经快三年了，期间，我尝试自己用前端知识敲出一个网站，出现了无数的bug，期间理解了很多，也最终让我放弃了前端这条路 。 但做前端真的很好玩，这是我最开始留着这个网站的原因。换过N个别人设计好的主题，到后来，有太多事情烦恼着我，我时而忘记维护，网站渐渐被攻击、被垃圾留言冲蚀 。 最长没有搭理个人网站的时间记录是半年，我好像越来越忘记我对前端的兴趣 。 那是一段非常痛苦的时期，我在极力探索我真正适合干什么，现在也会思考，除了设计，我还可以做哪一些 。 后来，我开始学工业设计手绘、插画、c4d等，后来又学习UI设计。再后来，我去了创维实习，获得了一些UI设计的经验 。 我的网站真正开始维护应该是今年的七月份吧，但是，如你所见，还是不太好 。 我的网站上，设计心得栏目的文章为零，足以说明我的设计思维还是很不够 。何以解忧，唯有读书。 为什么要搭建个人网站？总是会有人问 。 因为我想拥有我自己的网站而不是一个主页啊，我可以在现在或将来对它做很多事，而不是仅仅在上面放几篇今天发生什么的心得。即使现在它还只是一个记录我生活的网站，未来能发生什么，有很多种可能。（将来我可能会想办法将网站数据转移到其他地方，优先考虑它：https://yuanyuanhu.github.io/）。 这一次来深圳，我一直处于起起落落之中 ，我经历了很多事，受到了一些小挫折。没有去设计和维护我的网站，它暂时作为让别人能直接了解我的媒介。我也更加深刻认识我自己，变得成熟冷静一些。我能力确实还不足，也慢慢知道有哪些不足。我表达能力并不是很强，这是致命的。它会使我完全失去继续从事UI设计的机会。 有人问我，为什么选择UI设计？是，现在从各个行业转UI设计的一大把，每年从培训机构出来的数量也非常庞大。市场已经非常饱和，连很多公司的招聘岗位明明是平面设计，却打着UI设计的名号招人，企业也知道这种情况，我们自己也知道。我不是追求所谓的高薪职业，是，谁不爱钱？但从一开始就决定了我和互联网的“孽缘”，一开始进入实验室，就选择web开发，我有时喜欢分析每个互联网它的商业价值和竞争力，喜欢研究用户体验，喜欢吐槽。希望设计的产品能够被庞大的人群使用并得到反馈，不断改进，不断分析，这是多么有趣的事啊。 我只是想做我喜欢的事。

1. 打开你的电脑，然后打开你的浏览器；
2. 在浏览器中输入这个网址：en.savefrom.net，点击Enter键，进入这个网页；
3. 打开你需要下载的youtube视频页面，将页面的URL复制下来；
4. 将复制的URL粘贴到刚刚打开的这个网站：en.savefrom.net，等待加载，选择视频格式，然后download。

在制作“小阁书柜”界面上，我犯了非常多的错误。 第一，流程错误，我先花了一个多小时画流程图，然后直接根据流程图画原型，导致后来缺失很多的页面和交互效果。把原型图画好之后就直接上手画视觉，导致后来很多地方极度不合理，比如，一个页面放了很多东西，字体都很小，显得很没设计感。比如，我应该多检查一下图片的问题，因为原型图上几乎没有头像等小图。这些都严重体现我的逻辑混乱，不细心和急躁。 总而言之就是前期考虑的太少。 第二，一个正确的页面体现在交互和一些像间距上，一个美观的页面，颜色和元素要尽可能少，留白尽可能多，字体大小尽可能对比强烈。 第三，页面边距小了，开始想做成通栏，因为块太多，就改成边距10px，主要是提高页面字数承载数量，后来觉得还是太挤，没有逼格。 第四，元素太挤了，不该放大的东西放大了，如“转发”图标。它并不吸引人，也并没有很精致，但我放大了。 第五，我做整套界面的时候，最初考虑到一些用户体验的问题，比如，我等级分的非常明显，想找到某个界面极度容易；我把主页设计成网易云风，使用户看到的时候会有亲切感；把通知放在首页的右上角，保证用户能马上得到系统和好友的通知，而不是很多应用那样，把消息放在“我”那一个标签里，这样还有一个好处就是能让用户直接取消掉那个红点，也会增长用户在首页的停留时间。另外，我前期的想法是“书籍”标签跟实体书柜结合起来，可以在后期增加“扫描即可录入”的功能，而在“好友”菜单，我加入一些类似于“社区交流”的想法，也是为整个产品加入了社区板块，这个是需求方提出的。我把设置等放在首页的左上角的头像里，这种设计本来是考虑到放在“我”那一个菜单里，但是考虑到很多人找设置、退出/切换账号很不方便，就放在了首页。 第六，我总是过多的在一些精确的事情上面麻烦，比如我做好了一个页面之后总是不停的调整，但是这个页面从视觉上并没有很美观，但是我追求它非常的统一。 第七，我总是苦逼的调整字与参考线或物绝对对齐，其实并不需要，字是属于块里面的，只需要考虑包含字的块和其他块统一，而再考虑字与包含它的块左或右对齐（一般不会考虑上或下对齐）。 第八，最开始的时候，我连做界面的规范都不是很懂，虽然苹果手机分@3x、@2x、@x，更不用说安卓手机，每一套都会不一样（idpi、mdpi、hdpi、xhdpi、xxhdpi），但是前期考虑好，做一套就够了（我用的是640*1136），有一些设备界面需要调整，再根据做好的那一套调整就好。当然前提得是界面所有元素最好都是矢量的（图片则为高清图片转换的智能图层）。 例如，如果以750*1334为画布尺寸，分辨率72，像素/英寸。那么在iOS的开发单位是1pt=2px（即程序员拿到的是我们px单位的标注图，自己除以2就是pt了），导出的适合Windows网页的是375*667。 字体大小为偶数，并且最小字号为20。

PS：

我设计的时候用的字体是微软雅黑。

主题可以切换成黑白灰。

页面展示：http://h2y.net.cn/wp-content/uploads/2017/10/works.pdf

1、同时按WIN+R键，打开“运行”。 2、在弹出的运行对话框，输入 regedit 命令，点击确定进入注册表界面 3、然后按照此路径HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System一直往下找，单击“system”， 在右侧“EableLUA”上双击，将其数值由1改为0。重启系统即可。