首页

如何成为更具同理心的设计师

蓝蓝设计的小编

一篇小文,若干贴士,帮你帮我帮大家有意无意的培养意识形态,争做有同理心的好UI设计师。走着。
这里进入译文。优秀的用户体验界面设计师应该具有出众的同理心,也就是站在他人的角度看待和理解事物的能力。同理心与同情心是两码事,你不必真心同意或接受他人的观点,但必须对他们的状态感同身受,从主观上理解他们看待事物的角度。
出于以下这些原因,我(英文原文作者)相信同理心可以使我们成为更好的界面设计师:

  • 同理心可以让我们更自然更真诚的去思考怎样帮助用户解决他们的实际问题,使我们的设计决策能更好的聚焦于用户目标。
  • 同理心可以帮助我们与用户、团队成员及利益相关者构建更好的人际关系,为人与人的交流提供开放、互信、更具建设性的基础。
  • 同理心有助于个人整体的塑造。这不仅仅是一项职业技能,在工作中逐渐培养和挖掘出来的同理心同样可以运用到生活的其他方面。

接下来蓝蓝设计和大家分享一些能够在日常工作和生活中帮助我们提升同理心的小方法。

1.发现日常生活中的痛

如何做一个会赚钱的优秀网页设计师

蓝蓝设计的小编

你是一名网页设计或者一个想学习网页设计的人吗?
如果你的回答是”Yes”,那么你最初想学习网页界面设计的原因是什么呢?
有些人梦想创造出伟大的设计并因此闻名于世;有些人则把网页设计作为自己的事业并为之奋斗一生;而有些人,或许仅仅是为了赚钱养家。

那么你呢?

%tutke

OK,无论你为何想学习网页UI设计,现在我要向你介绍一种一箭三雕的方法,能让你在学习网页设计的同时,变得更受欢迎,还能赚些钱。正所谓,生财有道!这听起来很棒,不是吗?你一定开始期待我要讲些关于网页界面设计的技术了吧。很遗憾,我要讲的跟这个毫无关系,这可不是一篇通常的讲网页设计相关技术的文章。

估计你还没有头绪?

设计师如何做出产品经理想要的设计

蓝蓝设计的小编

产品经理和UI设计之间最常见也是最尖锐的矛盾就是,UI设计把花了很多心血做出来的稿子放到产品经理面前,产品看了一下,觉得非常陌生和超出预期,说:“这都是些什么啊”。

(- -#),(- -’),此处无声胜有声。倒不是说这里面谁对谁错,都挺辛苦的其实,但为什么总会落得如此尴尬呢。

世上配合最好的其实就是自己的手配合自己的脑袋。脑袋怎么想,手就怎么画,画出来的丁老头再丑也觉得很亲切,恩恩,是我的好作品(星星眼)。只是等到两个人合作的时候,就有些麻烦了。因为,让“设计师的手”精致地受控于“产品经理的脑袋”,每次画完看一看,觉得对就继续画、错就改的敏捷调控是不现实的。

祸起,在于一些沟通中有很多弊端,唯有解决这些问题,才能让团队和谐地高唱“同一个梦想”。蓝蓝设计分享一下UI设计师如何做不出产品经理想要的设计的方法!希望对朋友们界面设计工作有所帮助!

 

一、产品没有意识到要讲的其实是故事

常见的产品经理提需求的方式往往都是在需求文档里直接写“在Feed上增加一个转载按钮,点击后可以填写转载理由”。这种描述方式其实已经是一个很具象的解决方案了。然后这份包含数十条如此描述需求的文档会被贴到内部需求管理网站上,或者通过邮件发给设计师。

如何为图片加框:几种常用的作法与选择

蓝蓝设计的小编

网页设计时总是有许多考虑,而不得不为图片元素加上框线处理,例如考量使用者互动与图片互动时:像是滑鼠滑上、滑鼠按下时的效果;或是网页版面界面设计时,或许是为了保留必须与文字一起排版的弹性、或许是考虑到无法掌握图片内容、可能会出现网页相同色彩的图片,像是商业摄影图片等,诸如以上种种状况,都可能考虑到为图片加上外框UI设计

商业摄影的图片常常会有全白的背景出现:

或是像这种大面积留白的插画图片,若是没有框线,实在很难看到图片的边界在哪里,在网页上与文字一起编排的时候容易造成困扰:

设计师提率的5条黄金法则

蓝蓝设计的小编

经常感觉情绪低靡并且效率极低么?蓝蓝设计这里有五条可以帮助UI设计在实际工作中提率的小提示。

 1.任务管理

TASKMANAGEMENT 设计师提率的5条黄金法则

学会任务管理对于每个自由职业者都是必要的。它能够帮助你把一周的任务变得更有条理,更易于操作并且形成一个简短而清晰的界面设计计划列表。这是一个非常好的方式以确保所有任务都能在预定截稿时间内完成,而且当你完成所有列表上的任务的时候也可以通过它来检验这一周的工作效率如何。

设计师要了解的人际处理技巧

蓝蓝设计的小编

你有多久没有跟客户进行面对面的沟通了,很长时间了,对吗?

像很多自由工作者一样,网页设计师的大多数工作都在网上完成。现在是互联网时代,我们在网上就可以胜任大部分工作,与客户沟通交流也可以直接通过打字完成,而且更快捷,更方便。但有时候,这并不是最好的选择。

现在社交网络遍地都是,很多优秀的网页界面设计师通过它们与外界交流,但在这些急于加入社交网络的人群中,我们似乎忽略了一个谈不上创新的技术——网络视频。

face-to-face

如何让网页设计与众不同?来学习下如何利用蓝色和绿色

蓝蓝设计的小编

绿色是自然的颜色,代表着生长、向上、协调与自由。绿色具有很强的感染力,能给人安全感。蓝色是天空与海洋的颜色,被形容为稳定与深邃。它代表了信任、忠实、自信、智慧、公平等。

每一种颜色都有它的意义在里面,如果你对这些不熟悉,推荐你来《色彩基础知识》恶补一下。进阶版的可以到《色彩理论大集结》里学习。

现在和蓝蓝设计一起来看看,这群优秀的UI设计师是如何将这两种色彩运用得出神入化的网页界面设计吧。

UIkit

Colors in Web Design: Greens and Blues

设计新手在PS中最常犯的6个错误

蓝蓝设计的小编

Photoshop是最流行的图像合成软件,粉丝遍布全球,不过对于新手UI设计师,可能犯一些常见的错误,在这篇文章中蓝蓝设计列出了6个频率较高的错误,来看看你躺枪了木有。

如果你想学习最全面的Photoshop礼仪规范,蓝蓝设计强烈推荐这篇《WEB设计指南!PS礼仪白皮书》,网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南。

一、少图层,没分组

这个坏习惯我们在《WEB设计指南!PS礼仪白皮书》提到过,多创造图层,学会给图层分组是一个专业设计师必须学会的,这不仅有利于你的修改,也是团队合作中少不得的习惯。

图层文件夹

网页设计的分割布局秘密

蓝蓝设计的小编

随着互联网的高速发展,各种各样的网站层出不穷。在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢?网页UI设计师又如何能让自己的网站设计在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢?本文作者向用户介绍了一种简单的页面布局方式——分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验。

作为网页设计师,我们可以参考的界面设计范例和布局原则有很多,比如说:栅格化、纵向一致性、F型布局、Z型布局、三分法则、黄金分割法等等。注重这些原则将会给你的设计带来视觉吸引力和功能性——现在让我们来看一种简单的方式,将页面两等分。

虽然在一开始听起来有点傻,但是这种基本布局确实能起到非常好的效果。当我们通览一个页面时,我们的视线常常会沿着一个“之”字形移动。而如果用户的视线是沿着一条水平线移动时——就像在Z型布局里一样,那么他/她就会很专注(或者说尝试着专注)。但由于初来你网站90%的用户都不会很仔细的去关注你的页面,因此让你的设计“浏览起来友好”肯定会获得不错回报哦!

了解网页设计中的分割布局

有吸引力的搜索框设计PSD免费下载

蓝蓝设计的小编

网页设计中其实有个很重要的UI设计元素常常被大家忽视,呃!它就是搜索框!别看一个搜索框就是一个小盒子、一个小方框!它可有着莫大的用处。它经常会出现在角落或者侧边栏,它能迅速帮助你的访问者找到资料(靠用户自己脑海的习惯记忆以及和你网站设计匹配的关键字)。

国外的网站界面设计上,大家都可以看到,这个小框子的交互和设计越来越别出心裁了。那些交互和细节优化不仅仅是为了吸引访客的眼球,更多时候,是在培养用户对搜索框的使用,上留住访客,并把你的网站上的每一个干货展现给访客。

那么,今天蓝蓝设计收集了一些漂亮的搜索框设计,来细细品味一下吧!它们从字体、颜色、阴影、梯度等不同角度做了改变!希望对您的项目有帮助!

Free Custom Search Boxes (PSD)

Free Custom Search Boxes (PSD)

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档