盖群研究丨ui交互设计丨用户体验设计研究公司-盖群

看了30个产品之后我才恍然大悟，C4D已经对UI界面下手了！
我们经常会在网上看到一些3d类的设计，大部分都是用在平面、电商、多媒体、创意概念领域，但其实只要我们仔细观察，就能够发现，3d设计已经悄悄的应用在了ui设计当中。今天我们就来看看3d设计到底可以在app领域当中用在什么地方。大纲如下：1.礼物设计2.表情设计3.banner、封面图4.空页面5.闪屏、引导页6.活动头图7.图标设计1.礼物设计很多直播平台、语音陪聊平台都会有礼物打赏，礼物的绘制可以很好的用3d风格来承接，比如抖音的：当然，动效也是可以用3d风格的非常出效果。2.表情设计app在聊天或者评论的时候都会用到表情，现在有一些产品在表情设计上也会用到3d的设计手法，比如qq的：非常新颖、也很有视觉冲击力。3.活动banner、封面图大家都知道，广告条和banner图是吸引用户点击的，而3d的设计手法可以很好的增强视觉冲击力，所以现在很多产品的广告条、banner图、封面图都会使用一些3d元素，比如转转的：效果也是非常不错的。4.空页面每个产品都会有空页面，有些做的比较简单，有些做的稍微丰富一些，目前已经有一些产品使用了3d手法在空页面上，比如优酷：再比如腾讯视频：5.闪屏、引导...
———2021-08-19
9 个UI 设计原则，让你的设计更有说服力！
UI设计的概念侧重在“交互”设计，作为一名优秀的UI设计师，不光要将设计元素的视觉完美的展现，还要让软件的操作变得舒适、简单，让用户拥有完美的体验感。那么如何才能做出令人满意的UI设计呢？这9 个不可忽视的设计原则，让你的设计更有说服力！
———2021-08-18
UI设计做好AE动画该如何输出给开发？
常用的5种输出方式这里列了日常工作比较常用到的输出方式，基本上能涵盖需求中的动画要求，我还在这里标出了开发比较常用的格式，大家可以根据项目需要来决定。1.GifgunAEscripts GifGun是一款可以直接在AE里一键创建输出GIF动画格式脚本，我们在Dribbbble，Behance，站酷所看到的GIF动画大部分得益于这个插件的输出。对于作品展示是个非常好用的神器。这插件在一定程度保留了更好的色彩，以及大大压缩了gif文件的大小。在输出路径方面也具有很强的优势：使用前：AE - 导出MOV - 拖进PS - 导出Gif使用后：AE -窗口- 扩展 - Gifgun - 导出gifGif图压缩网站：https://gifcompressor.com/2.序列帧动画序列帧是把活动视频用一帧一帧的图像文件来表示，需要AE导出PNG序列帧图层，质量会比Gif好一些，因为是位图所以也能显示多种动画特效。缺点：大量资源文件需要整合放置在客户端安装包内，如果资源过多会导致安装包体积过大；使用：AE菜单栏文件 — 导出 — 添加到渲染队列 — 导出PNG序列3.LottieLottie 是 A...
———2021-08-17
手把手教大家设计氛围弹窗!
很多小伙伴都不太想做氛围感的UI，因为太麻烦。氛围感是一个比较抽象的概念，每个人对氛围感的感知和要求也不同，有时候你觉得自己做的很好看，但是领导觉得氛围感不强，或者太过于花里胡哨了，总是get不到领导的那个点。一个具有氛围感的活动界面或者元素经常会让你抓破头皮，一点设计思路都没有。那么我们今天就用一个实际案例给大家分享一下我是怎么做氛围弹窗的。1.理解该弹窗的设计目标在我们印象中的氛围弹窗可能是下面这样的但是我注意到，类似“恐怖谷”效应也会发生在弹窗上，什么意思呢？就是越花里胡哨的弹窗，给人感知实际收益越低，大家可以品一品，就是你经常在使用app的时候，啪！弹出一个弹框，告诉100优惠券，结果拆成了10张，每张要满500才能用，这时候你的落差就很大，所以不是所有的弹窗都要做的很异形、很花里胡哨。所以这个时候我们的设计目标不是给用户很强的氛围感，而是让用户认知这个是一个实打实的好福利。最近大家可能被pdd刷屏了，emmm，我也手贱的去尝试了一下看看是不是能直接提现100w现金，结果很残酷的告诉我，你得无限做循环任务，不停的下单，才“有机会”提现其中的百分之1的现金。套路啊！大家做电商的不...
———2021-08-16
如何提升下拉菜单的设计体验？
网站导航栏中经常能看到下拉菜单的使用。它是大多数用户熟悉的UI组件之一，很多设计师在导航设计中也会依赖这类组件。但是怎样区分下拉菜单的设计是否合理呢？在这篇文章中，我们将从什么是下拉菜单开始，一步步来分析下拉菜单的设计构成。 1.什么是下拉菜单？下拉菜单是经典的UI组件，服务于各种不同程度的需求。用户可以在很多地方应用到下拉菜单，例如在网页导航栏中就能频繁地看到下拉菜单的使用。但有没有思考过，下拉菜单背后都承载着哪些功能和目的？设定好的下拉菜单通常用作以下功能：命令菜单：展开后，下拉菜单可以展示更多的选项按钮，让用户获得更多对界面的选择权。导航菜单：水平导航栏中一种常见的导航菜单，用于为用户提供更多链接。表单填写：方便用户从许多不同的选项中进行选择，例如在酒店网站上选择房间类型或者将要住多少人时的下拉表单设计。属性选择：允许用户从多个选项中选择一个值，操作方式类似于表单写。 2.下拉菜单设计法则下拉菜单在设计中也存在争议，例如很多设计师在设计网页导航时过分依赖下拉菜单导致设计缺乏创新，还有就是在移动端中下拉设计会占用过多屏幕空间，造成可用性上的问题。但如果设计得当，下拉菜单能够提供很...
———2021-08-14
很多大厂设计师，一直在坚持使用的8点网格系统，是因为...
作为设计师，无论你是设计UI、平面杂志或者网站等都离不开网格，网格可以轻松帮我们创建有节奏且一致的UI界面。使用8点网格系统最强大的部分是在整个设计中推动一致性的能力。好了，下面我们正式开始。先来认识下8点网格系统：如上图，左侧基于8点网格系统设计的组件，右侧是无规则组件。右侧组件相互之间没有一点规律，这就会导致在产品后期，设计越来越复杂，设计师交接痛苦不堪。那么为什么我们需要使用8点网格系统呢？几个关键的点：提升产品设计品质感、布局统一、一致性、团队之间建立默契等。但是在国内其实有部分设计师不了解网格或者还不会很好应用自如，如下图没有准确使用网格的做的规范。好的网格基本几个间距即可解决组件设计，且网格之间都是有联系的，使用8点网格系统还有一个核心要点就是：不断重复使用间距好的网格排版比较有规律整齐。我们选择8点网格系统另外一个重要原因，就在下面这张图：大多数主流分辨率能被8整除的占比最大。另外一个原因就是当划分网格就会减少小数点出现的频率（使用网格过网格的伙伴应该知道）。看到这里是不是很想自己也创建一套基于8的网格系统，那如何做呢？第一步：首先定义一个基础原子单元，这里我们使用8来作...
———2021-08-13
一道面试题，改版某个App界面，如果你接到这样的题目你会怎么下手
根据已有界面，通过场景分析和以业务价值为导向对这个设计电商详情界面进行改版，提出一些可落地的设计策略。我们来解读一下这个测试题，这道题目要考验候选者的产品思维能力，并且考验候选者是否能够通过设计为业务赋能的能力。出题者希望能够考察到设计师一个比较综合的能力，不管从产品、需求、场景、用户等多角度去产品的价值和方案的可落地性。好那么接下来，我们来开始第一步：分析分析什么？分析我们可以做什么，先不要急着去做方案，一定一定要有点大局观。比如给你多少时间，时间充裕的条件下，我们可以对市场、用户去做一些研究，以丰富我们的方案背书和客观度，但如果就给1、2天时间，那么大家一定要有选择的去输出方案，如果时间短，我建议是设计出高保真效果图，针对几个比较有价值的点去做详细解释，其他的小点用于展示即可。如果时间比较充裕，那么就来思考一下，如果我们要对一个产品去做改版，一定是需要有相关数据去做参考的，那么问题来了，测试题仅仅给我们这些信息，数据从何而来？如果需要数据我们又需要什么数据？这些数据对我们改版是否真的有帮助？我们该怎么去收集这些数据？当你搞清楚这些问题之后，我们就可以开始动手了。第二步：收集收集和该...
———2021-08-11
干货来了！给你2021最酷的UI网页设计指南！
新拟态设计新拟态，英文叫作：Neumorphism，是由「New Skeuomorphism」组合的新名词，也就是新型态的拟物化风格设计，中文称作新拟态、同化，也有设计师称其为Soft UI（软UI）。Neumorphism 是 2020 年最热门的新风格，它透过灯光的原理，替图形加上高光和阴影，类似于浮雕的效果，赋予元件真实和立体感。它在 2021 年仍有望成为最好的网页设计趋势之一。它的风格取决于整个屏幕的颜色，为用户提供一种开箱即用的体验感。合理使用阴影，风格更加明显！磨砂玻璃设计磨砂玻璃设计（Frosted Glass Effects）是 2021 广受喜爱的设计之一，它用最简单的方式实现了最酷的效果。玻璃的效果增添了完美的触碰感，它的背后所呈现的半透明、模糊的效果则更让人着迷！！层次感立马就有了！！覆盖层后面元素的模糊外观有助于为区域添加颜色，同时还允许文本或对象出现在图像上，并保持可读性。渐渐的，设计师更青睐用磨砂玻璃覆盖背景，而不是往常的渐变背景。舒适配色“任何时候，过犹不及”不得不说，使用夸张的字体、颜色、高亮的效果等，可能是你的网站“难看”的重大因素之一。用看起来更舒...
———2021-08-09
UI设计中的的秒趣小插画！
人是高度视觉化的生物，能够即时处理大量的视觉信息，据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此，在许多情况下，静态的图片能够传达出相当复杂多样的想法，尤其是在进行大范围展示的时候，它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来，图片都作为UI界面中最具有表现力的元素而存在，而最近几年，插画在UI中出现的比例越来越高，在许多地方都有替代图片的趋势。其实原因并不复杂，插画比起图片可控性更强，更容易发挥创意，营造氛围，传递信息。从内容到技术细节，插画都在某种程度上超过现成的图片。在今天的文章当中，我们聊聊插画在UI设计中的运用，探讨一下它是怎么提升用户体验的。插画的特点实际上，现在我们所说的插画(illustration)的词根 illustrate 原本的含义是“澄清，说明”。在现代平面设计中，插画是颇为常用的展示性元素，是视觉传达的重要工具。插画在设计作品中，常常用来引导、启发和呈现信息，更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的，易于识别的，并且能够被不同的用户轻松理...
———2021-08-07
大厂设计师总结的图标（UI）设计注意事项
如今，图标通常是设计系统的一部分。这并不令人惊讶，因为图标可以有效地快速传达你的想法，就像你智能手表上的图标一样。这里和大家分享几个图标设计需要注意的点。视觉的复杂性上Byrne(1993)的研究表明简单的图标更容易被人们找到。参与者被给予3种不同类型的文件图标:空白、简单和复杂。简单图标明显优于空白图标和复杂图标。在图标设计中，简洁是提高视觉清晰度的关键。添加太多的细节并不能帮助人们更好地理解图标；反而使他们的认知慢下来。
———2021-08-05

我们
关于我们新闻动态加入我们

商务合作

电话：138-8600-1818
手机：138-8600-1818（同微信号）
Q Q: 380531131 点击咨询
商务：bd@gaiqun.com
招聘：hr@gaiqun.com
官网：www.gaiqun.com

联系地址

北京市西城区新外大街28号DRC创意产业基地北京公司
武汉市武昌区星海虹城路鸿玺公馆2号楼1216# 武汉公司
深圳市宝安区创业二路125号创锦一号A座306# 深圳公司

GAIQUN RESEARCH

我们

商务合作

联系地址