设计文章

取其精华!设计师读书笔记系列之《About face 3交互设计精髓》

@围脖上的嘟嘟王子 :这篇依旧是读书笔记,只不过记录的不是整本书,而是《About face 3交互设计精髓》中的一个知识点,这个知识点非常重要,重要到需要单独提出来记录一篇。往期回顾:《设计师读书笔记连载系列之》《设计师读书笔记连载系列之》《设计师读书笔记连载系列之《设计师要懂心理学》在《About face 3交互设计精髓》一书中,将PC端应用分为了3种姿态:独占姿态,

你的设计应该「所见即所得」

几年前的一个夏天,我有机会住在旧金山里同一栋楼不同单元的两个 Loft 公寓中。由于这是同一栋楼,所以你可能会想这两个单元应该是相似的。的确,它们都有1000平方英尺的面积,墙壁上全是巨大的格子窗户,使得阳光和温度能倾泻到屋子里(住在屋子里就像我的故乡德克萨斯州一样,正午阳光与地面的角度有90度)。它们的屋子一角都有厨房,还有金属楼梯延伸到二楼的开放式卧室,以及那个烦人的中

腾讯设计实战!聊聊响应式Web布局的概念和实践方法

Fufu :今年腾讯ISUX官网进行了全站响应式,在项目过程中有技术沉淀,也有不少的思考,也就有了今天这篇文章,内容围绕四个方面,响应式的概念,实践方法,一些案例,以及一些看法。写在前面去年上半年,我开始着手推动项目中响应式设计的落地。以官网优化需求为契机,主动去做了响应式的页面设计,也说服了产品、设计和开发的相关同事一起把它上线落实,但不幸的是,由于各种方面的原因,比如,

细节是魔鬼!13个提高「进度条」用户体验的设计技巧

@惜可若己 :一个优秀的「进度条」能让用户等待过程变得不那么无聊,而这里面其实大有细节可言。今天这篇译文总结了13个能提高进度提示用户体验的设计方法,强烈建议阅读。进度条界面设计教程:Photoshop教程:《PS教程!手把手教你绘制一个金属质感的进度条》Loading 动效形式:《科普文!设计师需知的LOADING进度条动效形式》用户及其痛恨的一件事就是等待。如果你为了考

如何画一只酥松的布朗(附源文件下载)

150万人气UI设计师饭饭妥妥的线上班火热招生中,只要2980元!加微信1003003457获取课程详细资料!有不看不明白的地方的,可以下载源文件研究一下!更多教程,请关注UEgood课堂,雪姐姐的UI设计课程!全日基础必修,双休提高竞争力必备的精品UI小班!价格只有大机构的一半,但是顶级设施,全MAC电脑,解决食宿,小班一对一指导,资深8~10年以上UI讲师带班!大家有需

大图时代的排版:关于界面背景与标题关系的梳理

技术的发展对审美潮流的影响从未停止。2016 年是 VR(虚拟现实)、AR(增强现实)的元年:相应技术迅猛发展,海量软硬产品空降消费领域。从 Pokemon Go 到支付宝的「扫福」活动,低头族们的视线终于开始回归到三维世界(虽然这个世界依然不那么「现实」)。相应的,越来越多的界面设计作品风格开始从抽象感向真实感回潮。在前面剖析渐变色应用的文章中我提到过,与追求极致现实感的

那些经典交互设计流程与方法,真的足够好吗?

在传统的交互设计流程中,比较看重从设计目标建立到最终方案推导过程的逻辑性、终端用户体验与用户心理认知模型的匹配性等,相关的 UCD 设计方法很多,而基本框架则是大同小异。在规模较大的公司与设计团队里,作为交互设计师的我们也习惯了运用这种按部就班、环环紧扣的推导方式,帮助自己有理有据地应对各种「为什么这么做」的挑战。但在实际工作中,并不是每一个项目都是按照理想化的线性设计流程

移动 app 中对日期选择器的设计

我很少去关注日期选择设计,但最近在做一个项目的时候,涉及到选日期,一开始只是很简单粗暴的做了个日历表格,后来主设计师跟我说,去参考竞品的日期筛选设计。在参考学习过程中发现移动端的日期选择器设计是个大学问。目前旅游、票务app的日期选择器的设计一般有两大类:1、在一个日历上布局所有信息 传统日历显示列表显示2、两个日历显示两种类别的信息: 使用两个页面跳转显示同一个页面两个t

学会这 5 个套路,做出不一样的春节专题页设计!

每年春节的视觉设计都千篇一律,全是红红火火毛笔字,热热闹闹手绘风。该如何跳出这个视觉风格,让专题页脱颖而出?@TTTing1 总结了5个套路,帮你做出不一样的专题设计!欢迎关注@TTTing1的微信公众号「做设计的面条」,一个干货与文笔俱佳的美女设计师。写在前面每到年底的时候,大家应该都无心工作只想回去跟家人团聚吧,只可惜啊,我们的职业是电商设计师,人家现在都忙着打年货过节

PS 教程!3 小时拟物图标速成记之相机篇

@吃喝玩乐团团长:临摹过那么多拟物教程,依然不能自己动手做拟物图标?今天这篇教程包含了大量基础的拟物绘制套路,临摹完保证让你恍然大悟。前段时间做了一些拟物的练习,学习设计就是要多看,多想,多做。现在就把这段时间学习的知识用教程的方式拿出来与大家分享。效果图:长话短说,接下来就让我们沉迷学习啦~步骤一:制作背景第一步 先打开PS工具,创建一个新的文档,数值具体设置如下:宽度: