设计文章

平面设计和 UI 设计区别的详尽整理

小编今天对平面设计与UI设计的区别详细的整理了一下,有去网上搜来的,也有小编自己的经验与心得,希望能帮到需要的人(大神请绕路)平面设计与UI设计的区别①设计思路的区别平面:拿到一个需求,比如(宣传页、海报、展架)等,设计的页面较少。可能是一张或几张,通过视觉载体传达给用户,基本不会和用户有什么交互。拿一张海报来讲,它可能固定的展示在某个商场里面,用户在路过的时候看到了它,但

高效流程!帮你快速做出优秀电商Banner 的设计三部曲

不沉的骨头:这一期分享主要是说到我自己在工作中做营销Banner 设计的方式和案例详解,分为3个大方向和几个小方向(版面/配色/细节丰富),我们一个一个去了解清楚。在此要说明的是,流程呢是我个人平时的习惯方式。仅供参考,希望能帮助到大家。部分案例来源于网络 多有得罪请恕罪。一、Banner 三部曲 1-先形式版面形式[br]标题形式 2-再配色产品(人物)取色[br]依据理

第四集!值得每个人收藏的《完美像素使用手册》之设计与开发篇

这本纪念碑谷团队出品的《完美像素使用手册》,有设计师说是她见过的最全面,最毫无保留,最生动有趣的界面设计指南,而且不止是设计,还包括和程序员的合作经验,AI、PS的操作小技巧等等。现在终于有中文版了,强烈建议收藏阅读。虽然这个册子确实出来挺久了,大概14年的时候优设网就有推荐过它:http://www.uisdc.com/pixel-perfect-precision-ha

高手后期教程!如何才能让照片看起来很干净?

通过这个问题,我来分享两个有趣的知识:为什么有的照片看起来很干净?如何确定一张照片的主色调?首先我们来看第一个问题:为什么有的照片看起来很干净?一张照片看起来干净,主要与四个方面的要素相关:1、画面构成所谓画面构成,就是一张照片的元素与组合,不同元素会给人不同的心理感受,不同组合也会产生不同的心理感受。例如摄影师Stefano Orazzini的摄影作品:这张作品通过慢门弱

深度解读 | iH5 产品背后的设计逻辑

一、体验环境体验产品: www.ih5.cn评测时间: 16年11月浏览器: Google Chrome 53(PC端)二、行业概述行业背景 HTML5于2014年底定稿,此后世界各大互联网巨头以实际行动表示对新一代Web编写标准的支持。借助HTML5的跨平台、高拓展性等优势,近两年涉及互联网的产品或多或少依赖于HTML5,甚至称霸多媒体领域逾20年的Flash也不得不为H

都是好图片,为什么你拿来用就怪怪的?

@研习设K先生:一张图片的好坏往往能直接影响到设计作品的优劣。本文以图片中的视觉为出发点,为大家讲解如何选择最适合自己设计所需的图片。如果你能够洞察不同视角图片中的情感属性和气质,那么你的设计工作一定会事半功倍。关键字:设计, 设计文章, 设计师

设计数据可视化交互界面 - Designing Data-Driven Interfaces

英文原文来自:https://blog.truthlabs.com/designing-data-driven-interfaces-a75d62997631设计数据可视化交互界面讲述你数据的故事_BY Erik K(Uber设计总监) __翻译:Kevin嚼薯片_____“数据仪表盘”、“大数据”、“数据可视化”、“数据分析”——人们和公司们都在试图用他们的数

在这些实例中,学会用动效赋予你 APP 生命力

如果重新审视10年前的网页和移动端应用的话,你会发现动效和动画在这个时期简直是犯规一般的存在:浏览器和硬件设备吃不消,它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效,通常是使用Flash实现,或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变,iOS和Android 设备的大规模普及,移动端芯片的性能提升,让设计师在移动端APP上实现

超详细!盘点「注册 / 登录」产品设计路上爬过的坑

作为最基础的常备功能, 注册/登录往往是产品第一个版本中最容易被忽视的环节,越是看似容易,陷阱越多。介绍相关产品思路的文章很多,讲交互的多,结合运营的少。一. 非常基础1.1 因「私有化」而存在 不是所有的产品都需要注册/登录,除非[私有内容/私有操作]具有足够的吸引力。注册:用户告诉系统Who is Tom,系统记录Tom和口令。登录:用户告诉系统I am Tom,系统辨

2 秒就能绘制一个图标,你信吗?

你用多长时间绘制好一个扁平化图标?10分钟?一分钟?如果我说在2秒至10秒内就能完成一个图标你信吗?今天学UI设计网小编为大家分享来自Morgan Allan Knutson的图标绘制过程,只需要2-10秒的时间就能绘制出一个我们平时常见的 icon 出来!这些其它都是一些小技巧,也许大家平时没有灵活使用。演示图使用的是 AI 软件绘制,主要用的的是钢笔工具(P)和直接选择