设计文章

动效实战!跟着Tubik Studio学习UI动效的常见用法

动效是UI设计中最强有力的工具之一,它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈,提供更快更有效的微交互,让关键的要素脱颖而出,通过实时、动态的方式创造引人入胜的体验。巧妙的运用动效,能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景,在移动端上动效的作用就显得更加关键而有效了。在我们之前的文章中曾经探讨过动效和UI设计之间的关系,以及它是如何催生高效

超全面!从六个方面帮你迅速提升网站着陆页的转化率

这篇文章要讨论的不仅仅是设计问题,而是从设计、市场营销、用户分析、心理学等领域切入,来研究用户心理和行为,从而规划更有效的着陆页设计。欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC)一句话科普:「好的着陆页是绿色通道直达,坏的着陆页是迷宫」用户进入某个网站,第一眼看到的就叫着陆页。一个好的着陆页能引导用户快速完成设计师设定的目标,优秀范例参见谷歌(12306其

人气教程最终版!写给非科班设计师的渐变色学习指南

Samuel:本渐变系列教程包括上中下篇,上篇介绍了见渐变的基础概念和线性渐变的运用,中篇通过实战巩固上篇的知识,同时学习放射性渐变。今天下篇是渐变色的进阶教程,除了复习前两篇的基础外,还会学习角度渐变和金属渐变,整个教程循序渐进, 零基础也可以轻松学会。由于本教程是一个系列,没看上中篇的同学阅读时可能会吃力,所以建议先阅读以下两篇:上篇:《一份全面系统的渐变色自学指南》中

热门教程!超火的弥散阴影全方位通关指南

@喪心病狂十六夜貓 :之前发了两篇弥散阴影的教程,从新手版到进阶版,同学们应该都学会了,今天来最后一发教程,除了复习一下Photoshop 做弥散阴影的方法,还加上了HTML/CSS 的制作方法,附超多优秀案例,学完弥散阴影就通关了。一起来跟上趋势!什么是弥散阴影?具体的英文名称尚未决定,但这种技术一般被称为弥散阴影(英: Diffuse Shadow),与普通的阴影技术相

万万没想到,wuli韩国K-POP教给了我5大设计真谛

就在几周前,我室友拉我入了K-pop的坑,也就是说,我进入了韩饭圈。一入饭圈深似海,随着我入坑越来越深,就更强烈意识到——原来wuli欧巴比我还要懂设计!这篇文章里,我就来聊一聊,韩流究竟有什么值得我们设计师学习的地方。如果你读过我写的其他文章,就会知道,我很鼓励设计师们从其他文化中汲取设计精华。通过仔细观察,你会在应对复杂的设计问题时多一个视角。比如AV封面的设计:《关起

阿里干货!衡量交互设计方案标准的五层总结

鸿影:好的交互设计方案究竟应该是怎样的?为什么自己看来已经做得很完美的交互文档,拿去评审就被挑战得一踏糊涂?为什么细节考虑都很完善周到了,可总让人觉得缺失了什么?在几次「不太愉快」的设计评审经历后,我便有了给自己梳理一个交互设计全流程自查标准的计划,因为种种原因拖延到这周才完成初次系统整理,在此分享给大家,也欢迎指出我的错漏与不合理之处。第一层:目标相关性、流程完整性、整体

超实用!聊聊标签式导航的设计思路(附设计师做笔记方法)

@呆呆丶L :现在文章基本上都不深入,只是点到某个知识,跟大家说个理论的东西,然后罗列出所有导航的形式。读者看了之后跟没看是一样的,遇到问题还是没法解决,只知道有这类导航存在而已。今天这篇详细地讲了关于标签类导航的几个知识点,希望可以帮助大家在工作中更好的运用。编者注:如果你连基础都没打好,建议最好学习一下:《交互基础知识科普!带你认识最热门的12种导航模式》。如果想看深入

实战案例!腾讯电脑管家小火箭V2.0项目总结

来到腾讯已有一年多,在小火箭V2.0上也投入了很多精力,如今版本已上线,我们整理了在小火箭改版过程中的一些经验与踩过的坑,分享给大家。本文由腾讯电脑管家视觉负责人晓翔哥推荐,他的访谈:《优设访谈!腾讯电脑管家视觉负责人张晓翔的UI自学之路》本文由本人与交互设计师Wingst合力完成。感谢翔哥、Nick、乃哥、S姐、小怡以及DNA设计中心所有童鞋的大力支持!小火箭是电脑管家在

Pokemon Go图标教程!教你绘制一枚可爱的卡比兽图标

编者按:今天这篇教程是临摹追波大神@GsMike7 的Pokémon 图标,来一枚可爱的卡比兽图标,教程不难,重在运用渐变色,配合前两天的渐变色零基础自学指南,可以获得更佳效果。一起来试试。编者注:文章用的软件是Sketch,不过原理相通,用PS也可以完成的。G大的追波,欢迎围观点赞:https://dribbble.com/gsmike渐变色零基础自学指南:上篇:《一份全

「后扁平化时代」的 i18n 和 L10n

先解释一下 i18n 和 L10n,他们是 Internationalization 和 localization 两个词的缩写,中间的数字代表了省掉的英文字母数量,简单而粗俗地翻译过来,就是「国际化」和「本地化」,详细定义可以移步维基百科。这个话题源自昨晚我司的工作群里,视觉设计师 @钱腾童鞋发了下面这个 Airbnb 手机 App 的搜索界面截图:他坦言说这套设计实在是