首页
案例
洞见
服务
我们
138-8600-1818
SHEJIHUI RESEARCH
ALL
用户体验
视觉设计
品牌资讯
2021色彩流行趋势,巨美巨高级!
每年全球的色彩权威机构Pantone,都会发布当年的春夏流行色,毫无例外,前段时间他们继续发布2021-2022春夏十大流行色。这些充满活力与生活感的色彩,给我们设计提供了更多的灵感空间。下面我们来一睹为快,看看这些诱人的色彩,也许给我们接下来的创作带来不少的配色思路。靛蓝彩雀Indigo Bunting向来就有极高出镜率的蓝色,今年也迎来了颜值巅峰,再次出镜,成为春夏流行色之一。成为现代经典平面色彩趋势,沉稳与静谧让人陶醉其中。海边玻璃蓝Beach Glass2021春夏流行色中“海边玻璃蓝”好像我们就亲临海边,感受大海的声音,水汪汪的藍色,被波浪与海流碾平。芭蕾舞步粉Pirouette清澈与优雅的”芭蕾舞步粉”,成功入选2021春夏最美色系,兼顾轻盈透亮与显贵养眼的质感,极具梦幻少女感,若隐若现的粉红色增添一丝温柔感。蓝色环礁Blue Atoll蓝色环礁让人想起大海中的热带岛屿,普吉岛的夏天在炎热与清凉中交融。明亮黄Illuminating友善、愉悦又乐观的黄色调,许诺着阳光的一天。熔岩流红Lava Falls自古红色就是热情的象征,今年熔岩流红”更是将颜值与实力兼顾于身,这个炽热...
———
2021-08-24
苹果Google都在用的设计趋势,简直太绚丽了!
是不是经常觉得自己的设计不够新颖、手法单一,今天我给大家分享大厂都在用的设计趋势-色彩叠加。掌握这个设计手法,会让你的设计更酷哦!更多的精华文章可以在星球里查看,请看今天的分享~ 什么是色彩叠加?色彩叠加这种风格我们经常可以在很多大厂设计中看到。从它的名字我们就知道这是一种通过颜色混合的一种表现手法。色彩叠加在色彩构成学上叫色料混合, 也叫第二混合。两种或者多种颜色混合后所产生的新颜色,混合的色彩不但色相发生变化,明度和纯度都会产生变化。它是多个颜色通过不同模式进行混合,可以得到不同的颜色,通过色彩模式叠加的运用,让它的细节层次更丰富,色彩的饱和度也高。下面我来解刨一下它的特点,你也可以通过这些特点,轻松掌握这个设计技法哦! 色彩叠加特点一:邻近/互补色搭配 在色相环上采用邻近色搭配,颜色多以明亮的高饱和度为主,使得页面更具时尚活泼感。邻近色是色环相邻的两种颜色,色相在60度以内,这样的颜色搭配色彩过度比较平和也会显得页面有层次。互补色是色环相对立的颜色,色相相距180度,这样的颜色搭配对比会非常强烈,视觉效果会鲜明。
———
2021-08-20
看了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
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
UI设计中的的秒趣小插画!
人是高度视觉化的生物,能够即时处理大量的视觉信息,据统计我们所获取的90%的信息都是视觉化的。单一图像比起大块的文本对于用户而言更容易消化吸收。因此,在许多情况下,静态的图片能够传达出相当复杂多样的想法,尤其是在进行大范围展示的时候,它比文本的表现力要强的多。人的大脑对与图像信息的处理速度要比识别文本要快得多。长期以来,图片都作为UI界面中最具有表现力的元素而存在,而最近几年,插画在UI中出现的比例越来越高,在许多地方都有替代图片的趋势。其实原因并不复杂,插画比起图片可控性更强,更容易发挥创意,营造氛围,传递信息。从内容到技术细节,插画都在某种程度上超过现成的图片。在今天的文章当中,我们聊聊插画在UI设计中的运用,探讨一下它是怎么提升用户体验的。插画的特点实际上,现在我们所说的插画(illustration)的词根 illustrate 原本的含义是“澄清,说明”。在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息,更有针对性地、视觉化地同用户进行交流。真正高效的插画一定是有针对性的,易于识别的,并且能够被不同的用户轻松理...
———
2021-08-07
大厂设计师总结的图标(UI)设计注意事项
如今,图标通常是设计系统的一部分。这并不令人惊讶,因为图标可以有效地快速传达你的想法,就像你智能手表上的图标一样。这里和大家分享几个图标设计需要注意的点。视觉的复杂性上Byrne(1993)的研究表明简单的图标更容易被人们找到。参与者被给予3种不同类型的文件图标:空白、简单和复杂。简单图标明显优于空白图标和复杂图标。在图标设计中,简洁是提高视觉清晰度的关键。添加太多的细节并不能帮助人们更好地理解图标;反而使他们的认知慢下来。
———
2021-08-05
来自台湾省的设计师分享,新拟物化UI设计怎么做?
大家有没有发现 Facebook 近期的改版也开始在扁平界面中加入了一些拟物化风格的元素。身为一名 UI、UX 设计师,也趁着这波疫情足不出户自我隔离期,一起加入了这挑起争端的行列,这篇文章会以改造的口罩 3.0 界面教大家怎么制作拟物化风格的界面。疫情期间,数位转型成功带给民众的安心感在这波疫情当中,从一开始坊间的防疫机器人、败口罩,以及疾管部门与 DeepQ 从 2017 年就开始就研发的「疾管家」(@taiwancdc),都在这段期间内帮用户减低了不少的焦虑。而这次拿来改造的 APP 也是最近用户量暴增的「健保快易通」跟里面的「eMask」系统。关于「健保快易通」这个 APP,要不是因为这波疫情下载来订购口罩,根本不知道健保局发行的这款 APP 原来有么多实用的功能。 健保快易通与口罩实名制2.0其实健保局已经默默耕耘健保快易通很久了,在健保快易通的「改革日记」里提到,健保局为了让病历走向云端,打造病医双赢,从 105 年起,服务开始改革创新。「健保快易通」好用之处,除了在疫情期间可以网络预购口罩「eMask」之外,还有主打:院所查询、健康存折、改革日记、医疗快搜、服务据点、健保...
———
2021-08-04
APP界面设计中切图那些事儿
APP切图基本知识点以及注意事项1、考虑适配Android 各种复杂的分辨率,如主流的1280X720、800X480、640X480、480X320、以及各种非主流分辨率。2、.9神器 png3、PNG24+jpg 4、可交互控件尽量不小于最小可操作尺寸:android规范是48dp5、图片中的可视元素尽量在文件中居中,便于对齐和标注。6、能用代码实现尽量避免用图,如单色色值、渐变、文字、分割线等。7、考虑控件的通用性。总之切图是个技术活。所以,小伙伴们不得忽视切图的魅力!
———
2021-08-03
«上一页
1
2
3
下一页»
我们
关于我们
新闻动态
加入我们
商务合作
电话:138-8600-1818
手机:138-8600-1818(同微信号)
Q Q: 380531131 (加好友)
商务:bd@shejihui.cn
招聘:hr@shejihui.cn
网站:www.shejihui.cn
联系地址
武汉市武昌区洪山路2号湖北科教大厦B座810#
北京市西城区新外大街28号DRC创意基地210#
深圳市宝安区创业二路125号创锦一号A座306#
首页
|
案例
|
关于
|
服务
|
洞见
友情链接:
logo设计
|
vi设计
|
包装设计
|
画册设计
|
3D美陈
Copyright © 2024 shejihui. All Rights Reserved. 版权所有 shejihui.设计汇 品牌策划与设计
京ICP备17011169号
法律顾问:元律法律
网站地图