设计文章

超实用!从人性的角度揭露电商Banner图设计背后的秘密

编者按:无论是小米的性价比还是老罗的情怀主义,都巧妙地运用了某种人性来唤起受众的情绪,而这种技巧运用到Banner设计中效果提升会非常明显,今天@TTTing1 从14个人性的角度来揭秘电商Banner 图背后的秘密,文章通俗易懂,案例丰富,建议阅读。小婷姐的电商设计系列好文:《新人手册!聊聊关于电商设计的那些事儿》《前辈经验!聊聊新人设计师最容易遇到的12个问题》《不怕没

中文版来了!UI设计师必读的iOS 10人机界面设计指南 (二)

编者按:iOS 10人机界面设计指南中文版也来了!今天第二部分是交互部分,包括16个小节,从最新的3D Touch到身份验证、加载、导航等等细节都有细致入微的教学,感谢译者@喵大神经 ,一起来学习。往期回顾:《腾讯力作!超赞的IOS 8人机界面指南:UI设计基础》《腾讯力作!超实用的IOS 9人机界面指南:UI设计基础》《中文版来了!UI设计师必读的IOS 10人机界面设计

解决这13个问题,可以实现99.9%的设计稿还原

首先从题目来说,为什么不是100%设计稿还原?其实100%是一个理想的状态,有很大一部分设计师是不懂“页面重构”的,很多时候设计师在做设计的时候,会着重考虑视觉因素,实现成本考虑的不会特别仔细。面对这些设计细节,浏览器兼容、开发周期、后台数据循环因素等等都会影响到设计稿的还原效果,我们能做的就是尽可能的还原设计稿,无限接近100%还原,而不是追求100%的还原效果。可能有些

超赞!从七个经典童话中学到的用户体验知识

编者按:生活处处都是用户体验,童话也不例外。我们熟悉的三只小猪、豌豆公主、狼来了和皇帝的新装等等经典童话,都让这篇文章的作者强行科普了一番用户体验的知识,令人吃惊的是完全说得通,而且内容质量不俗。编剧大师罗伯特·麦基曾经这样写道:故事是人类交流的货币。故事是我们对周围世界的感知的方式。我们越是了解周围的环境,我们就越有可能有生存的机会,我们通过讲故事来交换这些赖以生存的知识

热门教程!手把手教你把真人变成Q版卡通形象

编者按:超好玩的真人变Q版过程全揭秘!这类效果看着非常高大上,学会了其实非常简单,而且对手绘功底要求也不高,只要掌握一定的技巧,就可以快速创造出一个蠢萌蠢萌的Q版卡通形象,跟着@杏仁设计 一起来试试!此教程分三部分:构思制作&动作变化&运用场景 第一部分:将真人绘制成Q版我先来说一下画Q版之前的构思,画前要先仔细观察照片上人物的特征。BATMAN的特征:面罩、胸口的蝙蝠、腰

绝对专业!超全面的UI界面字体选取与使用指南

编者按:不论是UI设计师还是网页设计师,每天都在同字体与文本打交道,可是我们真的了解文本/字体 对于界面的意义和功能么?Viljami Salminen 今天就来帮你刨根问底,从根子上开始帮我们普及UI界面中字体与文本的使用之道~早在2004年,我刚刚开始职业生涯的时候,sIFR 还是一个特别火的概念。Shaun Inman 所创造出来的这项技术,通过Flash + JS

超赞!从七个经典童话中学到的用户体验知识

编者按:生活处处都是用户体验,童话也不例外。我们熟悉的三只小猪、豌豆公主、狼来了和皇帝的新装等等经典童话,都让这篇文章的作者强行科普了一番用户体验的知识,令人吃惊的是完全说得通,而且内容质量不俗。编剧大师罗伯特·麦基曾经这样写道:故事是人类交流的货币。故事是我们对周围世界的感知的方式。我们越是了解周围的环境,我们就越有可能有生存的机会,我们通过讲故事来交换这些赖以生存的知识

从零开始!设计师如何打造高性价比个人网站之常用工具篇

@老王经销商 :上一篇我们大致介绍了选购域名的关键知识点和一些域名解析知识,今天继续第二部分,科普当下的主流域名商和打造个人网站必备的PC端工具/移动端工具/Web端工具,设计师们赶紧来给自己建个站吧!上期回顾:《从零开始!设计师如何打造高性价比个人网站之域名选购篇》有粉丝在微博反馈有一些知识点看不太懂,特别是后面关于域名解析的部分。所以我在这里打个比方,我把域名比作你家门

真人来了!我如何设计了那个上亿人使用的Doge表情?

微博那个魔性的狗头表情是如何诞生的?今天请它的创造者@JOnes冯大伟  来亲自说一下Doge的诞生过程,包括同学们现在用的微博表情,也有一大半是他绘制的,改版过程好玩有趣有干货,一起来探秘背后的故事!同样是表情改版,QQ设计师是这么做的:《腾讯设计师揭秘!QQ默认表情优化背后的设计故事》首先自我介绍一下,我叫冯大伟,西安美院毕业,最早入行的时候在一家做设计服务的公司(现被

读书笔记来了!谷歌的Material Design 设计指南精华版

编者按:Google的设计指南一直是UI/UX设计师的必读手册,如果你还没抽出时间完整读一遍,不妨先来看看在微软实习的交互设计师@戴小维Saki  写的读书笔记,简明精炼,可以帮你速览一遍,纯实干货,建议收藏。这个系列更不能错过!三维世界(3D world):[br]x , y , z 三维坐标属性[br]z 轴上占据一定的位置并且有一个 1dp 厚度的标准光影关系(Lig