都说不会做产品的设计师不是好开发，身为一个UI设计师的我平时喜欢去挑战一些新奇有创意的工作，当然相信你也猜到了，偶尔也会掺和掺和前端开发以及产品方面的工作，虽然经常被代码虐成狗，但是相信我，人志坚则无敌！
身为一名UI设计师，也绝对不会是只需要画几个图标，找几个差不多的移动模板改改布局，修修颜色，换换图这么简单！那么从这其开始我将会跟大家分享一些工作中常做的设计方法，第一期先给大家带来一个简单专题设计教程
先看最终效果
第一节：以某项目的某个专题的主视觉为例《分分钟打造科技专题主视觉》
专题背景
1.专题时间比较紧张
2.此项目属于突发事件
3.没有素材提供
4.没有确切要求
看完这几点，相信大多数同学已经开始挠头了，先别灰心，我们慢慢分析，在接到这种几乎任何需求都没有的设计任务时，我们要冷静下来花一丢丢的时间去仔细挖掘，经过我半夜掉头发的总结终于开始
挖掘
1.主体为网络科技公司
2.面对人群为年轻且相对高素质者
3.目的欢迎性质为主，突出企业品质
OK！有了这几点，我们基本就可以开始动手了。首先
深圳网站建设会自然确定这次主体要以科技科幻类风格为主开始无敌大搜索，找感觉先
简单灵感探索之后，提炼关键字
蓝 冷 光 硬朗 空间感 力 速度 未来
接下来我们该进行设计了，那么在没有任何素材提供而且也没有足够时间够你各种整合拼接的时候，最好的办法就是直接做字，突出主题，容易出效果
官方代表：像素范儿，首先我们要对字体进行处理，啥也别管，先选一个又在又粗的字（此处建议做字用AI进行处理，方便曲线、形状调节，你一定会爱上它）
第一步：在AI里面创建主标题，主要要用个又粗又大的字（此处用汉仪综世休简）
第二步：文字变形
第三步：变形微调
通过直接选择工具（快捷键A）对文字的一些笔画节点进行变形得到最后需要的样式
第四步：将在AI中调节好形状的文字拖到PS中添加光影色彩等效果
渐变叠加说明光照方向，增加光感
投影增加层次
第五步：期数字体创建
字体：Helvetica Neue LT P
转换为形状，用小白工具将上面的一划拉粗给个倾斜，然后添加渐变
利用蒙版将红色区域擦除，做出穿插的空间感
新增图层用画笔将蓝色提亮统一光源
增加一个小的投影，拉开层次
新建一个图层
设置渐变叠加
透明度51%
图层透明度72%
遮在挑好的文字效果上面
到这里基本效果已经完成，可以更换背景来表达不一样的视觉感受
第八步：创建一个背景，突出空间感，制造科技大气的气氛
蒙版擦除多余的部分，图层透明度86%
纯黑背景
添加曲线，提高明暗对比
第九步：合体
第十步：扩展
至此，我们的科技感专题主视觉物效字的教程，已经结束了，第一次这种方式来写教程。所以还有点不是很适应，中间有些地方略显啰嗦。这是一个简单的小主视觉制作方法，中间也讲述了一些做这方面的任务的时候的一些思路以及方法，希望能够对大家有所帮助！
网站公告：