设计文章

超简单!10 张图秒懂UI和UX到底有何不同?

@墨刀_MockingBot :UI 和 UX 到底有什么不同?一图胜千言,我们整理了10 张形象生动的图片,告诉你 UI 和UX 的区别到底在哪里。有哪些不容易搞懂的差别?《术语小科普!聊聊线框稿、视觉稿与原型的区别》《UI设计师来收!FLOW CHART 和 UI FLOW 有什么差别?》如果说 UX 设计师是一个站在 4000 米山上远眺产品整体格局的人,那么UI设计

用好这四个元素,帮你做出高大上的电商Banner(附技巧及神器)

@ChiNa_威海_山岩 :一个电商Banner 由不同的元素(背景、主体、文字、装饰)构成,如何运用好这四个元素,就成了一个Banner 是否优秀的关键。今天这篇好文,结合超多案例,教你如何运用好这四个元素,内附不少配色和修图的技巧及工具,干货多多,别错过咯。我们聊聊图片制作中的元素构成,以及如何运用这些元素让图片内容更合理、丰富。根据大的框架我们首先可以给图片中的元素氛

这种切图方式你会吗?简单6步帮UI设计师高效完成切图

么有鱼丸:作为UI设计师,过完稿和开发对接时,需要标注设计稿和切图,把标注切图文件给到开发。这个时候就犯难了,那么多尺寸怎么切图,iPhone就有8个版本,更别提安卓那一堆尺寸。今天这篇好文分享一个意想不到的切图方法,帮你高效切图。全方位切图教程:切图流程:《纯干货!一款APP从设计稿到切图过程全方位揭秘》切图神器:《“没有它我就不会切图!”省时省力的切图神器SLICY下载

把买家秀变成卖家秀?这四个方法帮你百分百还原UI设计稿!

UI设计还有买家秀和买家秀?其实就是设计稿和最后上线页面的对比。我们经常发现设计稿美轮美奂,整齐工整,最后上线的页面却惨不忍睹。今天这篇好文总结了4个原因和解决方法,帮你搞定这个问题。关于还原UI设计稿这件事,很多前辈都分享了他们的经验:《解决这13个问题,可以实现99.9%的设计稿还原》《实用干货!视觉设计师如何让设计效果高还原度落地?》产品,运营甚至boss得问了:这做

实例讲解|扁平化设计的步骤和要点

自从苹果放弃拟物化设计,采用扁平化设计以来,扁平化设计的龙卷风就全面席卷了整个UI设计界。自此之后,无论是网页还是APP的设计,首要考虑的就是采用扁平化的设计。扁平化的设计似乎成为了有别于拟物化设计的一种全新的设计思维方式,完全颠覆了拟物化的设计风格,开创了一个UI设计的新时代。扁平化设计风格带给受众的是一种干净、简洁的设计情绪。这样的一种设计风格在扁平化风格出现之前其实已

设计师必知!可能是最全的关于颜色模式知识(三)

设计师必知!可能是最全的关于颜色模式知识(一)设计师必知!可能是最全的关于颜色模式知识(二)设计师必知!可能是最全的关于颜色模式知识(三)厂哥有话说: 通过前两章的知识我们大致知道了色彩(颜色)模式是什么鬼。如果你励志成为专业严谨的摄影师或者平面设计师等的话,那你该看看这章讲得内容:色彩管理。我们为什么要做色彩管理? 做色彩管理可以:让各种不同的颜色在不同设备间的保持一致性

好友动态的实现原理

今天准备跟大家聊的一个功能就是:好友动态功能。听起来好抽象,有木有~~ 那说直白一点:微信朋友圈。这下听懂了嘛?我们现在好多软件都有一个类似朋友圈的功能:微博、微信、QQ…… 只要涉及到好友、粉丝这样的app或者是网站,一定有这样的一个功能。那这个功能是怎么样来实现的呢?其实,这个技术已经非常的老了…… 估计快7-8年了。那个时候有一个网站还非常流行,他叫:开心网。大家都在

非科班福利!FACEBOOK 设计师的自学手册(附大量资源和工具)

作者并不是设计科班出身,但现在是 Facebook 的设计师。文中详细介绍了一个设计师自学的全过程,并附赠了大量的优质学习网站和资源。希望能给想学设计的同学一点指引。以下我都代表着原作者。我一个斯坦福大学的学生,现在是 Facebook 的实习设计师,我正在帮助Facebook设计产品以便全世界数十亿人更好的使用。但是我不是学设计出身的,我大学学习的是心理学、哲学、计算机、

提高设计还原度!写给设计师的iOS前端教程(二)

提高设计还原度!写给设计师的iOS前端教程(一)提高设计还原度!写给设计师的iOS前端教程(二)提高设计还原度!写给设计师的IOS前端教程(三)@小乖乖老爸 :这个系列既然是写给设计师看的,就跳过如何创建项目、如何新建文件了,因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。想改哪里,就能改哪里。(要在N多个文件里,找到你要改的是哪个

2016 年 UI 设计趋势

前言/ 进入2016年后,我们会发现行业在体验设计上出现了很多新的元素,从我们平时经常浏览的设计社区中,这些新元素出现的频率越来越高,比如彩色投影、双色调渐变设计等,我们也慢慢开始接受这些新变化,并且逐步应用到我们的产品中。这篇文章的初衷是希望能更系统更全面地梳理出一份流行趋势的分析,能对我们平时的工作能产生一定的指导作用。 使用模糊背景/ 模糊背景和iOS毛玻璃效果非常的