动其创指导设计师如何提升设计思维

2024-11-10 12:44:33

视觉设计师经常听到别人说:要有产品和设计思维,做视觉不能只关注视觉层面。那么设计思维都包括哪些方面?视觉设计师除了做好视觉,还需要关注什么?视觉设计师除了要具备设计硬素质,也就是视觉技能执行力,还需要具备软素质,其中就包含了设计思维,这是视觉设计师进阶的必经之路。但设计思维却很少被设计新人所重视,或是重视了却不知从哪些方面去提升。今天帮大家梳理一下设计思维,并带来10个小技巧,帮助UI新人提高设计思维。

动其创指导设计师如何提升设计思维

视觉策略

1、产品存在的价值是满足用户的某些需求,解决用户的痛点。互联网工作流程是从产品需求到交互方案再到视觉呈现,视觉是流程中的实现层,相当于产品和用户之间的桥梁,如果视觉没有很好的承接自上而下的产品思路,很难产出能帮助到产品和用户的产品。做视觉设计时,我们必须要思考2个问题:用户需求是什么?用户使用的场景是什么样的?用户需求和使用场景是要联系起来看,才能得到更准确的解决方向。简单的理解,就是什么样的人,在什么样的场景下,想做什么样的事情。比如同样是拍照,不同的使用场景,用户想使用的拍照APP也不同。iPhone自带的相机虽然没有美颜、修图功能,但启动和拍照速度比大多数第三方拍照APP快。因此,如果是在室外活动,往往时间不充裕,用户的需求是快速拍摄多张照片,大多数会选择iPhone自带相机。反之,如果是时间充裕,相对静止的情况下,用户可以选择第三方拍照APP,挑选适合的滤镜再进行拍照。接下来,我们则开始进一步思考:对应的视觉策略应如何解决以上问题?如果接下来我们要做一款笔记APP,了解相关的信息:目标用户:学生、白领用户需求:快速记录、查阅笔记使用场景:会议室、教室、室内、车上了解用户群体,可以得出大概的设计风格范围。在了解用户需求是快速记录和查阅笔记后,我们可以得出主要功能按钮应尽可能突出,在快速使用时要有较高的易用性。记录和查阅就意味着可能会长时间看着界面,视觉在设计界面时应避免颜色对比度过于强烈、字号保持一定的易读性,否则用户会视觉疲劳。记得以前看过一本设计书,书里讲到连续提问法则,意思是做设计碰到问题时,通过几个垂直的连续发问,来挖掘出最核心的问题。视觉设计师在做设计时,应多问:“这个风格是否适合该产品?”“是否符合用户使用场景并解决问题?”,在做视觉稿专注于细节时应多问:“这样的元素、颜色是否符合这类产品的气质和用户的喜好”,通过类似的问题,垂直的刨根究底问下去,可以帮助视觉设计师做出正确的决定,站在产品和视觉的平衡点上做出真正贴近用户的产品。

视觉设计小技巧

1、足够强烈的色彩对比背景和字体必须有足够区分,阅读起来不伤眼睛。白底黑字是最容易辨认的。最好不要使用浅灰、黄色或绿色。如果别人必须眯着眼睛才能看清文字,那肯定是有问题的。

动其创指导设计师如何提升设计思维

2、深灰比黑色更好如果可以的话,尝试使用#333333 RGB(51, 51, 51),而不是黑色,作为文字颜色。黑白对比晃眼睛,让人更难集中注意力。

动其创指导设计师如何提升设计思维

3、重要内容放在前面布局是帮助使用App或网站的重要信息。重要的内容应该是第一眼可见的,不需要缩放、滚动或点击。

动其创指导设计师如何提升设计思维

4、对齐一切如果你感觉哪里有些不对,最快的解决方式很可能是把不对齐的东西全部对齐。有时设计师会念叨需要使用“栅格”,这其实是在提醒团队需要解决对齐的问题。保证元素对齐是改进任何App或网站的最简单的方法,可以立马让视觉效果提升10倍。

动其创指导设计师如何提升设计思维

5、文字尺寸和留白我们是给人做设计的,不是给蚂蚁做的。增加文字尺寸并多留些空白能够保证内容更加易读。

动其创指导设计师如何提升设计思维

6、如果顺序很重要的话,使用列表大部分移动/网页App有搜索功能,对于应该如何展示搜索结果,可能有些争议。如果顺序是很重要的,那么列表是最有效的。如果顺序不重要,并且还鼓励用户多浏览探索,那么网格视图就可以提供更多的信息,方便用户浏览探索。

动其创指导设计师如何提升设计思维

7、先做灰度设计,再上色灰度设计能够保证聚焦于关键的用户体验。颜色牵扯到较多的情绪反射,并且容易打扰我们所聚焦的关键问题。

动其创指导设计师如何提升设计思维

8、让设计用起来舒服手的使用是一个重要的问题,Luke画出了手机上最容易使用的部分(对于右手来说)——我挺喜欢那些可以设置左右手的App的。很多高效的手机App保证导航和主要操作在手机的底部。

动其创指导设计师如何提升设计思维

9、借用色板色彩是一种难以捉摸的艺术。

动其创指导设计师如何提升设计思维

10、使用Apple和Google的系统设计规范这两家公司都有很棒的资源帮助任何人搭建Android或iOS的App。例如,Google的Material里有设计原则、资源、色彩、图标和控件,能够帮助你快速开始App设计。

动其创指导设计师如何提升设计思维
猜你喜欢