qfguan的博客

一个好的工作环境，离不开一个好的生产力工具（高配电脑）、一个高分辨率显示器（27 寸 4 K）、一个人体工学椅和一套优良的键鼠。当然说完了硬件，我们的软件也要用的舒服。这篇文章给大伙推荐一波我最喜欢的几个 VS Code 主题，希望可以给大家一点帮助。需要更多教程，微信扫码即可赛博朋克 - SynthWave '84你还记得 84 年那个无尽的夏天吗？自上而下在海洋高速公路上巡航，我们的头发和头上的风在霓虹灯梦中嗡嗡作响？这种配色方案受到现代 Synthwave 乐队...

基本插件这个部分介绍一些必装的开发插件，帮你大大提升代码编辑效率。需要相关软件包，学习资源加v哦。 需要更多教程，微信扫码即可 Chinese(Simplified) Language Pack for Visual Stidio Code 中文汉化包对于一些英文不太好的小伙伴，上来第一件事肯定是要切换成中文语言环境，安装汉化包插件之后，按快捷键Ctrl+Shift+P调出命令面板，输入Configure Display Language，选择zh-ch，然后重...

前言互联网市场环境瞬息万变，在玩法层出不穷的今天，运营活动从来要求创新以及出其不意，以此来实现拉新、促活、回流、营收等产品设计目标，一个个运营活动也在不断塑造品牌认知、提升品牌价值。与此同时，快速变化的技术也在影响着运营活动的落地实现方式。市场变化背后，自有根源和连接，本文尝试探求变化的脉络，从全局视野观察，形成运营体验设计趋势判断。我们将运营体验设计归纳为3个大层面：基础层、风格层、策略层，拆解各个层面的模块内容、元素、玩法，从字体、图形、色彩、动效、空间等多个维度出发，同时考虑技术...

常见的设计网站有很多，给你推荐一系列的网站：一、Uplabshttps://www.uplabs.com/UpLabs 网站是一个汇集了网站前端作品设计、iOS UI设计的资源站点,帮助设计师们收集网站设计灵感,免费素材和资源集合,用户可以通过邮箱来订阅最新收集的设计作品。二、 freepikFreepik是一个免费图片类素材网站,于2010年推出,用户可以免费下载Freepik提供的矢量图、图标、PSD文件、图片等素材。https://w...

曾经是否遇到自己设计出来的界面特别烂，毫无细节品质感可言，而别人的设计就是质感很强，设计细节很丰富，很困惑不知道怎么去提高，止步不前。其实每个成长起来的设计师都会遇到的问题，今天分享一个简单实用方法，希望帮助大家少走弯路。1.什么是品质感当我们看到出色的作品时，会无意间发出惊赞声或立即想将其保存，这时我们是否考虑是什么让自己着迷，是颜色、构图、布局或者图片？不同的设计作品有着不一样的品质感，无印良品和韩国电商设计传达不同的品质感。那么这些所谓的品质感，就是设计细节...

设计师的工作是做设计么？当然。但是设计师的工作只是做设计么？不尽然。在很多时候，尤其是在没有图片素材和视觉化的素材的前提之下，设计师没法直接借用视觉语言来「沟通」，这个时候就只能依靠语言了。说白了，就是说话。和同事、领导、客户、甲方，用语言沟通。只不过，沟通是需要基础的，如果同一个词，双方理解的含义有差异，那么有效的沟通很难建立。当然，这种问题多数时候出现在客户和甲方头上。不带情绪和倾向性的描述词汇，出现在文档和语言沟通当中，对于设计的推进一点帮助都没有。当然，...

美国设计师 Emanuele Marani 是一名动态设计师，他对自己有个特逗的称呼——对视频有360°理解的设计师。那么，这个360是什么意思呢？他想表达的意思就是他无论是2D还是3D的动画，无论是拍摄还是插画，外加创意、剧情等等等等各个方面，每个流程，他都能完美胜任。举个例子，他给MTV制作的两个动态设计，一个是3D的用C4D制作，一个是2D的，用AI配合AE完成的制作。其实这些都是视频格式，但是...

很多学生问我，老师为什么你的下班材质调整得这么好看呢？为什么我的就没有这种感觉呢？其它在C4D中间，影响效果的不单单是材质的问题，和灯光及相关设置是有关系的？一、准备好自己的模型，我用一个很简单的模型给大家讲解一下，二、首先添加灯光，常规的就是三点布光方法：主光源、辅助光源、轮廓光1、首先创建一个摄像机2、点击后方的这个小图标，给它点，并调整好我们模型输出的角度，再关门这个按钮3、添加一个灯光，并修改成主光源，将灯光...

首先我们来看看这个效果：1、找开C4D，创建一个基础圆柱体，并调整合适的大小，如下图所示：2、设置好后，将圆柱体的旋转分段修改成：48段。在正常的光影着色模式下方，我们是看不到分段数的哈！按一下快捷键：NB转换为 光影着色（线框模式，），并且需要转化为可以编辑对象，这时我们就可以看得到分段数了。3、点击鼠标中键，或者按F2进入顶视图，如果是笔记本，请按FN+F2,才可以使用哈4、按...

前言会不会有这种感受，我们看到很多优秀作品，不论是简约还是炫酷的风格，总是能够让我们赏心悦目，吸引我们的视线，秘诀在什么地方？而自己的作品明明已经调整了一千零一夜，总感觉缺点什么，问题又出在哪里？其实呢，其中有个很重要的点你没有掌握——视觉焦点。本期我们共同寻找一下作品中的视觉焦点。视觉焦点的概念视觉焦点究其概念，简单来说就是让我们的视线多停留几秒的视觉元素，可以是一个点，一条线，一个面，也可以简单到一块颜色等。这些视觉元素是通过什么视觉手法塑造的呢？下面分享三个比较通用的思路方法。..

这不是一个很新鲜的话题，却是一个很常见，且解决起来并不容易的问题，在一个版面中，信息的组别越多，拉开信息之间的层级关系就越为重要，当然，难度也会越大，这篇文章葱爷就带着大家一起来解决这个问题。为什么要有层级关系因为通常一个版面中的元素和信息是多样的，例如在一个画册版面中可能会有：图片、标题、小标题、正文、注解、页眉、页脚等等。而且这些信息会有重要和次重要之分的，如果在排版上毫无层级关系，如下图：那么这个版面在视觉上就会显得非常平，缺少变化和设计感，所以也不会好看。更重要的是，由于没有层次、.

什么是设计规范？设计规范是一个老生常谈的话题了，网上相关的文章也非常多，但我相信有很多设计师对设计规范的理解还是比较模糊，认为设计规范指的就是字体，颜色，控件规范那些，这种理解其实是比较狭隘的。于我而言，设计规范用一句话总结就是：设计规范是针对特定产品所制定出来的一整套产品标准，包括流程标准，技术标准，设计规则等等。通过这套标准，能减少错误发生率并提高设计质量和输出稳定性。举个例子，我在做QQ的3D厘米秀项目的时候，一开始合作方提交的设计资源正确率很低，风格也各不相同。然后为了解决这个问题，我在

这不是一个很新鲜的话题，却是一个很常见，且解决起来并不容易的问题，在一个版面中，信息的组别越多，拉开信息之间的层级关系就越为重要，当然，难度也会越大，这篇文章葱爷就带着大家一起来解决这个问题。为什么要有层级关系因为通常一个版面中的元素和信息是多样的，例如在一个画册版面中可能会有：图片、标题、小标题、正文、注解、页眉、页脚等等。而且这些信息会有重要和次重要之分的，如果在排版上毫无层级关系，如下图：那么这个版面在视觉上就会显得非常平，缺少变化和设计感，所以也不会好看。更重要的是，由于没有层次、.

什么是设计规范？设计规范是一个老生常谈的话题了，网上相关的文章也非常多，但我相信有很多设计师对设计规范的理解还是比较模糊，认为设计规范指的就是字体，颜色，控件规范那些，这种理解其实是比较狭隘的。于我而言，设计规范用一句话总结就是：设计规范是针对特定产品所制定出来的一整套产品标准，包括流程标准，技术标准，设计规则等等。通过这套标准，能减少错误发生率并提高设计质量和输出稳定性。举个例子，我在做QQ的3D厘米秀项目的时候，一开始合作方提交的设计资源正确率很低，风格也各不相同。然后为了解决这个问题，我在

哈咯，大家好今天是咱们新栏目的第一篇，技法篇-字效。为什么先选择字效作为我们的第一篇呢？因为他足够好上手，并且很多小伙伴都反馈我说，工作中的标题字需要做出一些特殊效果，但是因为操作的困难导致无法下手。这篇文章给大家带来的就是下面这个标题字效，大家觉得这种效果难不难呢？那么在下面的文章中我会给大家简单讲解这种字效是如何设计出来的。闲话不多说了，我们直接开始吧。我们在进行字效设计之前一定要先找好参考图或者是灵感图，参考图肯定不用说了花瓣，站酷等等网站上面有很多，灵感图不一定是一个设计图...

国内有很多刚入行的设计师和很多自媒体的订阅号文章，经常把UED/UXD、IXD、GUI这几个专业术语搞混，并且层级关系都不准确。我们曾经做过一款H5的“UI设计师测试题”，列举了以上几个关系，发现有高达70%以上的人都做错了，也证明了即使是一些从业多年的设计师，对它们彼此之间的定位还不清楚。1 UED/UXDUED和UXD其实是一个意思，只是国外和国内的缩写不同，导致很多人都产生了误解，甚至完全曲解它们的意思。UE和UX都是User Experience的缩写，而D则是Design（设计）的缩写。U

很多人不了解视觉设计师的价值，更直接地说，大多数视觉设计师没有体现出足够的、令人信服的专业度。那么如何提升视觉设计师的能力呢？1．多看视觉设计不是一蹴而就的创造工作，它是不断迭代、不断更新的过程。这里的“看”指的是设计师能博览，能广泛涉猎，看过好的设计、差的设计，能评判设计的优劣，这样视觉设计才会变得很美。知识是瑰宝，如今与互联网相关的书籍非常多，视觉设计师可以通过多阅读《用户体验的要素》《点石成金》《一目了然》等用户体验的书籍来提高相关用户体验的知识。或许你已经看过了，但反复看几遍你会发现每次

国内有很多刚入行的设计师和很多自媒体的订阅号文章，经常把UED/UXD、IXD、GUI这几个专业术语搞混，并且层级关系都不准确。我们曾经做过一款H5的“UI设计师测试题”，列举了以上几个关系，发现有高达70%以上的人都做错了，也证明了即使是一些从业多年的设计师，对它们彼此之间的定位还不清楚。1 UED/UXDUED和UXD其实是一个意思，只是国外和国内的缩写不同，导致很多人都产生了误解，甚至完全曲解它们的意思。UE和UX都是User Experience的缩写，而D则是Design（设计）的缩写。U

其实作为一名设计师而言，每天对PS的使用早已经成为常态。不过呢，我们在使用PS的过程中，会经常出现一些麻烦，例如：PSD文件损坏之后，该如何快速修复的问题。设计师常用4大开挂神器粉丝免费领：1、评论区吱一声就好2、私信我：PS开挂神器当然，小编也不是说PSD文件损坏之后不能手动修复。但是相对而言，手动修复PSD文件很慢的，还要一步一步的排查，甚至两个小时过去了，还不清楚问题的原因所在。小编抽空整理出来了4大设计师常用的PS开挂神器，既方便帮助设计师们解决不少工作中常见的问..

效果图：操作步骤：1.Ctrl+N新建画布1280*720，选择文字工具打出你要制作的字2选择文字工具打出你要制作的字3..Ctrl+Shift+N新建图层，按住Ctrl左键选择文字图层，出现蚂蚁线然后关闭文字显示选择空白图层按住Ctrl左键选择文字图层4 选择框选工具，右键点击蚂蚁线建立工作路径，选择滤镜-渲染-火焰右键点击蚂蚁线建立工作路径选择滤镜-渲染-火焰5.调整火焰滤镜参数如图整火焰滤镜参数完成...

1 识别性大多数的设计师认为，识别性是最容易在艺术设计和商业设计上发生冲突的地方。很多设计师都抱怨客户没有审美，喜欢平庸的LOGO设计，而一些客户认为设计师缺乏对公司和产品的理解，不懂营销。归根到底，无论设计师的设计多么创新，多么独特，始终都要以大众识别程度和认知程度为基础，因为LOGO是为市场服务的，是需要被认知和解读的。麦当劳的LOGO无论我们走在哪条人流密集的街道，都会频繁且清晰地见到麦当劳的LOGO，即非常容易记住的一个大写字母M，港粤同胞亲切地称其为“M记”。这就是麦当劳自己的

很多刚刚从事设计的人，觉得自己缺乏审美能力，从而开始怀疑自己。对于设计师而言，审美的好坏确实对设计作品质量的影响很大。或许你会觉得每个人的审美观都是不一样的，而且每个人都有自己的喜欢的东西，当然说的没错，但是审美能力强的人，他的作品往往能够吸引用户，作品很容易被甲方接受。当然，并不是每个人生下来都拥有很高的审美，很多优秀的设计师靠的就是后天的学习。技能决定下限，审美决定上限。那如何提升自己的什么能力呢？我们今天来聊一下。美就是在某个阶段里，一切让我感到愉悦舒服的事物，所以审美也就成了一件非常主观

1. 首先C4D预设的格式.lib4d格式2. 在桌面上找到C4D软件，右键，选择属性，打开文件所在位置3. 找到library-browser，把预设粘贴进这个文件夹里4. 打开C4D，找到内容浏览器5. 打开预置，即可看到预设安装进去了...

平面设计泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。通常指的是以传达信息为主的视觉设计，一般承载物为纸张(当然塑料、墙体、砖面等都算)。主要包括如招贴广告、书籍、喷绘写真、名片、企业画册、VI设计LOGO标志、宣传单页、宣传折页、包装设计及影响处理等，这些都属于平面设计的范畴。屏面设计指UI设计，UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，也就

电商的迅速发展，使得各个品牌方在自己的店铺设计上不断推陈出新，从量变一步步走向质变。2020年整体看电商设计，设计主要是在于品牌的差异化、特性的表达方面；同时也需要深挖主打产品的特色，这样更好的从众多品牌的视觉中脱颖而出！主要设计风格特别流行。一、极简风受苹果和北欧性冷淡风的影响，这一类型的设计也渗透到了各大品牌电商首页中。尤其是3C数码和电器品类，在突出产品和特点使其达到一目了然的情况下，文字描述和其它信息都只是作为辅助。主要特点是：温和低浓度色调，留白，简洁干净，文字少。华为和 Beshen

原画师是个非常好的职业，就业范围比较广。市面上常见的原画设计大致分为游戏原画、商业插画原画设计、电影概念原画设计。如果想做角色原画，可以选择游戏角色原画师、游戏美术渲染画师、动画角色原画师、影视角色原画师，如果想做场景原画，可以选择游戏场景原画师、影视场景原画师、动画场景原画师等，如果擅长线稿，可以从事职业漫画师，如果综合能力较强，可以做商业插画师。一般来说，商业原画毕业后可以进入游戏研发公司、外包公司、影视公司、广告公司等，如果条件允许的话，可以自主创业。游戏研发公司工作包括场景原画、角色原画、宣传原

原画是指动画创作中一个场景动作之起始于终点的画面，以线条稿的模式画在纸上，阴影与分色的层次线也在此步骤时画进去。换句话来说是指物体在运动过程中的关键动作，在电脑设计中也叫关键帧。主要针对动画设计和游戏设计，是一个非常细分、专业化很强的画种，这种图出现只有一个目的，就是为了交付给三维师进行建模、贴图、动作。主要服务于游戏、VR/AR/AI、概念设计等。插画，有时也称为插图，是一种艺术形式，在现代设计中占有特定的地位，涉及文化活动、商业活动、影视文化等方面，运用比较广泛，比如影视海报、图书配图、广告、包装等

进入移动互联网时代，各种不同的移动智能设备层出不穷，比如说智能手机、平板电脑、可穿戴式设备等。据2017年8月第40次《中国互联网络发展状况统计报告》的统计结果，截至2017年6月，我国网民规模达到7.51亿，其中手机网民达7.24亿，占比达96.3%，较2016年底增长了1.2个百分点，与此同时，使用台式电脑、笔记本电脑等终端上网的比例却有所下滑。这意味着网民的上网设备进一步向移动端集中，移动互联网主导地位进一步强化。但各种不同的移动智能终端设备的屏幕大小和分辨率都是不尽相同的，而且即使是同一个设备，当用

平面设计最新技术发展当今信息化技术不断应用和发展的背景下，平面设计同样产生了变革。从空间维度到静动态变化。首先在空间维度上，出现了越来越多的2.5D、3D海报设计。<br> (二维码自动识别)3D海报实现立体空间设计并不难，可以用AI中的3D效果制作2.5D插画场景，可用C4D这款软件制作3D效果，当然，在制作的过程中，我们还是离不开PS，进行合成，调色等。随着5G时代，短视频时代的到来，动态平面设计可以增强视觉冲击力，给用以有趣的体验。...

游戏界面设计的好坏直接影响玩家对游戏的兴趣，为保证游戏界面的质量，设计过程需要遵循一定的硬性原则，游戏UI设计原则主要有以下方面：1.易用性界面设计尽可能简洁，突出主要信息，隐藏不重要的内容，便于玩家使用，减少在操作上出现错误。这种简洁性的设计和人机工程学相似，都是方便人的行为而产生的。2.视觉明确视觉效果的清晰有助于游戏玩家对界面内容目的的理解，方便游戏玩家对功能的使用。通过轮廓，色相，明度，纯灰，虚实，主次，比例，疏密对比等手法来提高视觉清晰度，突出重点减少识别误区3.实时的反馈

当我们确定设计需求开始绘制原型图时，我们面临如何将信息通过最优的方式实现。将大型网游的UI内容结构进行分解，其中基础交互模块可分为导航模式、内容展示、基础控件三大部分。导航模式是玩家获取内容的快速途径，内容展示关系着玩家对游戏内容的理解，基础控件直接引导着玩家进行选择操作。2.2.1 导航模式导航模式是交互体验的基础，也是UI体验的关键部分。设计师要在保证其结构合乎逻辑的同时解决系统的平衡性、用户习惯和使用场景等多方面问题。1．菜单式导航菜单式导航通过一次点击弹出悬浮形式的功能菜单，可通过再

提到adobe系列软件，作为设计师都知道，大家是否思考过这个问题，adobe系列软件是否可以被替代呢？今天给大家安利一款软件——Affinity DesignerAffinity Designer 适用于 Windows、Mac 和 iPad,是屡获殊荣的矢量图形软件,为设计界树立了新的行业标准。这款软件可以替代adobe的AI既支持矢量绘制，又支持栅格笔刷处理这款软件的其中一大亮点就是支持ipad，这是ps和AI都达不到的。https://affinity.serif.

产品经理是个特殊的群体，尽管他们的大部分工作需要通过他人来完成，但是产品经理对这些人却几乎没有管理权限。产品经理总是处于一种两难的困境：一方面，他们要解决开发、销售、生产等部门的紧急事务，形同疲于救火的消防员；另一方面却又经常遭到开发、销售、生产等部门的抱怨，被质疑为何总是做些琐碎之事，缺乏长远性的规划。因此，产品经理如何把自己置于恰当的位置，协调好自身与相关部门之间的关系，并有效地实现产品经营目标，是其需要解决的首要问题。知道自己扮演的角色、所持的立场，是成为真正的产品经理的前提。1.1

平面设计泛指具有艺术性和专业性，以“视觉”作为沟通和表现的方式。透过多种方式来创造和结合符号、图片和文字，借此作出用来传达想法或讯息的视觉表现。通常指的是以传达信息为主的视觉设计，一般承载物为纸张(当然塑料、墙体、砖面等都算)。主要包括如招贴广告、书籍、喷绘写真、名片、企业画册、VI设计LOGO标志、宣传单页、宣传折页、包装设计及影响处理等，这些都属于平面设计的范畴。屏面设计指UI设计，UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，也就

1、新建800x800画布2、设置前景色和背景色分别为#b38adb ,#212121;执行"滤镜"-"渲染"-"云彩"操作3、执行"滤镜"-"渲染"-"镜头光晕"，默认设置。再次执行上述操作，同时调整光晕的位置4、执行"滤镜"-"扭曲"-"旋转扭曲"，角度为2505、复制背景图层，执行"编辑"-"变换"-"旋转90度(顺时针)"，调整图层模式为"叠加"模式。6、合并所有图层;复制合并后的图层，然后执行"滤镜"-"模糊"-"高斯模糊"，数值在2.0-5.0区间之内，调

10月13号，苹果举办了年度的发布会并发布了四款新iPhone，发布会的重头戏是介绍新的设计和新的功能特色，这里简单总结下：我觉得这次的设计是iPhone5/iPad Pro机型的回归，我个人是非常喜欢那套设计的，喜欢它的小巧和功能。无线充电技术可以让未来的苹果笔记本电脑（基于ARM）也同样可以具备快捷充电方式。适配难度正在发生变化如果设计师有做过移动端应用或响应式网页设计的话，可能会知道，有越来越多的苹果设备尺寸需要适配。下图是目前sketch和Figma上的画板预设。但这些新款的

剪辑就是借助视频剪辑软件进行镜头的连接，使镜头的逻辑顺序和结构更严密，生成具有不同表现力的新视频。剪辑六要素好剪辑要让用户注意不到剪辑的痕迹。剪辑有六个要素，分别为信息、动机、镜头构图、摄影机角度、连贯和声音。（1）信息。信息就是通过镜头呈现给用户的内容，分为视觉信息和听觉信息。（2）动机。镜头之间的切换、转场一定是有动机的。例如，画面中的被摄对象陷入了回忆，此时的镜头应该切换到回忆的画面。（3）镜头构图。通过调整被摄主体、周边对象和背景的关系，来达到最佳的构图。（4）摄影机角度。摄

拍摄短视频的第一步就是选择设备。设备的选择也是一门学问，涉及专业度和预算，不同的团队规模和预算有不同的选择。相机的选择1.0元预算对于初始团队来说，由于前期资金有限，我们推荐使用手机拍摄。例如，华为、iPhone的高端机型已经具备非常强大的功能，可以满足剪辑、拍摄、发布的要求。2.微单对于预算有限又有视频画质改进需求的团队来说，8000元起步的微单是不错的选择，这里特别推荐三款机器。（1）斯莫格BMPCC这款摄影机外形小巧，能放在口袋里随身携带，因此也称为口袋摄影机；画质也不错，

图标是设计中最基础的元素，就和写作文一样，我们必须先背诵大量的文字，因此图标是考验一个设计师最基础的点，虽然现在各种开源文件很多，很多时候都可以直接下载一些图标改改，作为一名设计师，绘制图标是一个必不可缺的技能，今天给大家带来一篇绘制基本图标的技巧，希望有所帮助。▲ 首先，我们需要明白，复杂的图形，都是由一些简单的图形进行组装的，比如以上图标。因此我们需要做的，就是将现有的形状进行相应的组合以及排列，然后调整形状曲线，在这里我推荐使用Al工具，因为Al绘制图标圆角以及在形状切割这..

原型设计的主要作用，是用户体验设计师与 PM、开发工程师沟通最初的产品设想的重要工具，展示产品内容和结构及粗略的布局，说明用户将如何与产品进行交互，而不是视觉设计。原型类型区别设计时原型的类别也需要关注，每个项目启动时对原型的需求不一定都相同，交流的对象也有可能会对原型的类别产生混淆，以为线框图、原型和视觉稿是一个东西，设计开始前最好先与产品经理/甲方确认要绘制什么类型的原型。原型类型通常工作中使用原型最多；交互设计原则交互设计作为原型设计里的重要环节，了解交互设计原则，给交