设计

常用中后台交互设计控件使用场景与规范总结

最近刚完成安畅云平台 2.0 的改版设计,平台模块很多,但其中往往存在很多类似的页面和组件,导致了很多重复的工作,大大降低了产品的设计效率;同时,由于团队人员较多,没有统一的规范,平台的一致性得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和沉淀出一个符合公司的设计规范。旨在统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设

Brand 我要拿着 PANTONE 色卡走遍天下

Antoni 透露说,他对图像进行了各种不同程度的制作。他可能有意地选择或省略某些颜色样本以加强一定程度的色调对比,突显每个颜色组合的独特之处。意大利平面设计师 Andrea Antoni 分享了一组以 PANTONE 为主题的风景照。他从颜色匹配系统中找出原始照片里所包含的颜色,将对应的 PANTONE色卡放入画面里,使得图片的视觉效果呈现出一个新的维度。Antoni透露

实战经验!聊聊移动电商购物车的功能设计

最近在做一个购物车优化的项目,来和大家聊聊设计移动电商购物车的一些心得。购物车做为移动电商平台的主要功能之一,其重要性不言而喻。购物车其实一开始来源于我们线下购买的场景,例如超市、商场、便利店等,它能够帮助人们提高购物效率以及提高客单价。随着互联网电商行业的发展扩大,sku的规模也逐渐庞大,这时候在技术、物流、支付、等功能的逐渐完善下,购物车的使用场景以及频率也变的很高。购

PS 从入门到 UI- 图层

PS入门系列教程,针对UI,D7图层,有任何问题请【留言】Or 加Q群【438966865】大家有没有一种终于讲到D7了的感觉哈?之前埋了很多炸弹都在D7-图层,写到这天我就头大了……东西确实太多,我决定分两天写好了~后面压缩一天~PS中,【图层】是一个很重要的概念,它承载着几乎所有的 编辑 操作,不管你是画原画、做界面、甚至是影楼美工,都需要了解它。前几年总觉得PS图

特色图库两连发!NASA 官方图库 + 可商用免费图库

编者按:今天两个图库站都很有特色,一个是NASA 官方的免费图库,包括图片/影片/音效等,都是非常大气的星空图。一个是专门提供可商用图片的免费图库,收录超过1000张的高品质大图,赶紧来收。注:两个网站都建议搭梯子使用。NASA Image and Video Library最近 NASA 直接将各种释出的影像加入搜索引擎,推出「NASA Image and Video L

想让网页可读性更强?你得善用 F 式布局

虽然网页排版方式千变万化,但是布局方式通常都遵循着几种常见的规则。在诸多布局方式当中,F式布局是可用性较强,且适用范围较广的一种。今天的文章同你来探讨F式布局在网页中的运用。F式布局的设计基础是用户扫视内容的时候,实现的运动轨迹和字母F相似,而布局匹配这种这种阅读方式可以让用户更快(Fast)地获取信息,因此得名为F式布局。F式布局从何而来?F式布局源于NNGroup的一项

Hey,Siri 背后,隐藏着一个大问题

豆瓣平台上有一个名叫“人机之恋”的小组,组内成员分享的大部分内容,都是一款聊天软件 Replika 的使用心得。通过这款软件,用户可以与自己创造的“机器人”聊天

Flinto 2.0.6 简体中文版下载[交互动画工具]

今天分享的事,Flinto 2.0.6 简体中文版下载,Flinto是一款Mac OS X上强大的移动应用原型设计工具,可以用于创建可交互动画的移动应用原型,支持和Sketch等应用结合使用。一个让你用了以后不想用其他产品的工具应用介绍 Flinto 可以帮你创建可交互式的设计原型,并且可以在网页和移动端设备上运行。设计师可以在Flinto中使用静态图片创建原型,按照自己的

流程|用一个实战案例,帮你认识完整的设计流程

@乘与九设计 :设计是用来解决问题。对于设计师来说这是再熟悉不过了,但是到底要解决什么问题本身就是一个问题。大家都会提问,但是如何提出有探索性的问题,是非常难的。牛逼项目往往从一个好问题开始。我在伦敦研究生一年中,都在研究如何找到研究问题,问题方向找对了,答案也更有方向了。设计流程是一个直觉与深思熟虑相融合的行动。这篇文章将根据一个现有案例来分析设计流程的每一个阶段,从定义

与众不同!20 个提升品牌效果的平面设计技巧

@喪心病狂十六夜貓:这篇译文分享了20个提升品牌效果的方法,附大量案例演示,建议阅读哟。内容目录远离电脑。利用鲜明的色彩。使用复古字体。添加具有独特意义的细节。使用有趣的字体。利用波浪形。利用字体重叠。小心最小的阶层。忘记布局的界限。制作原创字体。组合手绘与自动生成的要素。尝试流行趋势。从设计主题中获得灵感。重叠设计要素。超越界限。也别忘了反面。回到基本。删除文字。混乱状态