PS教程

讨厌引导页?这5个技巧帮你设计出眼前一亮的App引导页

现在新手引导已经成手机客户端标配,但是通用的做法不见得是最有效的。这篇文章中我们将会看到为什么新手引导经常无效,以及如何借鉴游戏设计的原理来提高用户的参与度。通过跟各种行业的移动团队沟通,发现这些添加额外帮助的新手引导页让用户困惑和沮丧。一个测试的参与者说“我只想打开app开始探索”。用户测试表明用户会跳过和忽略新手引导页。最好的情况下,用户会感觉到一点点不便;最坏的情况下

久等了!PHOTOSHOP 的设计构建工具 UI-DNA 正式发布!

@不知语冰:这个 UI-DNA 是个什么样的工具呢,它的核心思想是把增强设计对设计对象的控制力,能更随心随意的处理设计对象,尤其是能在陈旧的 Photoshop上提供更强大的属性编辑功能。在设计中使用变量与表达式吧!在 Photoshop制作的组件复用一直很是问题,虽然有智能对象可以实现图层或图层组整体的复用,但是智能对象的编辑是脱离当前文档的,把图层和变成智能对象相当于丧

一图胜千言!提高网站转化率的图片选取指南

少有用户在没看到商品的情况下就直接购买。通常情况下,用户至少要在看到产品图片之后才能作出最终的决定。这也是为什么在互联网上销售产品的时候,卖家要耗费巨量的精力来展示产品,用清晰的照片和走心的文案等“套路”来完成销售过程。在互联网产品营销当中,图片起到了至关重要的作用。图片能够从不同的方面帮助营销人员获得相当不错的转化率。现如今的消费者非常期待能看到足够丰富的产品图片,这样他

全面实用!如何设计移动端的文本输入框?

基于移动设备的UX设计有很多难点,其中最大的设计挑战之一是在有限的屏幕空间上解决点击输入的问题。对于UX设计师、开发人员和产品经理来说,让这个过程变得易于用户使用就显得至关重要。本篇文章阐述了提高数据输入体验中的三个关键因素——速度(提高输入速度)、引导(为用户输入提供引导帮助),反馈(直接有效地指出用户输入过程中的问题)。输入根据不同的输入信息匹配合适的键盘[br]用户都

超赞!10款快速搭配Material Design 配色方案的Web工具

在Material Design 风格中,如何大胆、灵活的使用色彩组合是一项很有挑战性的任务,今天这10款 Google Material Design 专用的配色工具,可以助你一臂之力。Material Design 简介:时至今日大家应该都对这个设计风格有所耳闻,如果你还不够熟悉,这儿有三篇文章可以帮你轻松入门:首先来认识一下它扁平化设计的区别:《涨姿势!扁平化设计和M

理清思路!如何从头打造让用户真正信任的界面

编者按:让人信任的网页到底是怎么样的?设计一个令人信任的网页应该是有迹可循的,几天文章当中的10个技巧,就是可行性相当高的手法,仔细看看,也许会让你获益匪浅。如何让你的网页设计作品令人信任?相信许多设计师都思考过这个问题。我们几乎每天都能听到各种产品安全漏洞的新闻,用户的不安全感无处不在,这也使得设计让人信任的界面势在必行。令人信任的界面是构建你和用户之间坚实关系的基础,它

专业设计师第一步!设计师如何写好一个作品集的项目介绍?

董弈:想摆脱美工?先学会如何写好一个作品集的介绍!关于如何做好一个作品集,网上已经有大量的文章回答这个问题。然而专门关于如何写好一个项目介绍的讨论并不多,而这个恰恰是区分美工和设计师的关键。趁着最近一直在看关于作品集的问答和文章,自己私下总结了一些规律,今天可以来聊聊。我认为一个好的项目介绍,需要同时满足观众略读和精读的需求,能够真正阐述清楚一件事,同时又能表达出设计师的思

教程来了!如何拍出好看有创意的毕业照?(插画演示)

又是一年毕业季,毕业照对于毕业学子来说有着特殊的意义,这不但是对读书生活的收官总结,更是为了留住自己最美好的青春岁月。今天@意匠id 就来和大家分享一组拍摄毕业照的小窍门,虽然是去年同时期的画作,但是现在看来仍不过时,希望小小插画能够给大家一些拍照的灵感。个人篇除了摄影师的瞬间捕捉,作为“模特”的自己也是要会摆出一些漂亮的姿势的哈~ 都说大学是所美容院,怎能不展示下自己的变

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

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

有图有案例!125个提升网页可用性的优化小技巧(四)

编者按:这个系列的教程有125个实用的网页优化技巧,每一个技巧都有案例阐述,保证简单易懂。今天@企业官网设计精选 翻译了第四部分 —— 在网页设计中兼顾所有用户和场景的3个技巧。一起来收!往期回顾:《有图有案例!125个提升网页可用性的优化小技巧(一)》《有图有对比!125个提升网页可用性的优化小技巧(二)》《有图有案例!125个提升网页可用性的优化小技巧(三)》尽可能兼顾