php

php

php相关问题
html+css

html+css

JavaScript

JavaScript

js,jquery,vue.js等
Linux

Linux

Linux操作系统
Mysql

Mysql

各种资源

各种资源

开发工具,手册等
就业指导

就业指导

UI设计

UI设计

教学视频分享

教学视频分享

5个设计小技巧

寇老师 发表了文章 • 0 个评论 • 3 次浏览 • 22 小时前 • 来自相关话题

1.调整行间距

行间距大家都知道,但是具体如何设定值很多人不知道,一般我常用规则是 +4 ,比如文字大小是12PX,那么行间距就是16,以此类推文字是14,那么行间距就是18。

除了+4的规律你也可以运用黄金比例,文字大小X1.414,文字大小X1.616(1.414和1.616是黄金值)取四舍五入。

很多人要问,我如何判断界面里面用多大的行间距呢?道理很简单,就是看你们内容,如果你们app内容需要很丰富,你可以行间距小一些让屏幕展示更多内容,可以运用+4的原则,目前淘宝天猫是这个原则,如果你页面内容更加留白大一些阅读舒服一些,可以运用黄金比例的行间距,比如新闻阅读软件,需要大量留白来调整呼吸感!
 2.调整字间距

除了行间距,字间距同样很重要,特别是英文页面时候,同样的内容,字间距,和行间距不合适,看起来界面就会相差很多,有的看着很舒服,有的看起来说不出来哪里不对。

页面字母和字母之前距离非常的紧密,句子和句子之间的行间距也很近,导致阅读起来很密集,不够舒服,相反右边通过加大行间距和字间距,使得内容没有那么满,字母和字母之间的间距,行与行之间的间隔,使得整个设计节奏得到了一些舒缓!

需要注意的是:不要给太大的字间距,有时候过大也会让读者不舒服。


3.减少线 

在一个设计里面减少线条,或者让线条最少化,是让UI设计看起来干净的一种很重要的方法,通过间距来分割信息,加强内容和内容之间的间距,这样做,用户也是可以很清晰的区分信息层级。

需要注意的是:优先保证内容清晰,如果有些地方一定要用到线条,一定要使用它。


4.留白

页面放松和呼吸感在UI中非常重要,在左侧的设计中,元素之间的距离特别小,都挤在一个空间里面,非常的满。

要通过运用了版式,和空间感,有足够的空间让元素之间去呼吸让用户感觉舒服,让页面看起来更加的层次分明,利索干净。
 
 5运用卡片

在清晰度层面,使用卡片是帮助内容信息反馈的很好一种视觉形式,同时也让信息更加明确哪块是哪块。
 
卡片化设计在移动端让设计更加干净利落,是经常运用到的设计点。

总结

今天分享的几个小技巧点,其实是我们每天做设计中遇见的,需要灵活的多学多用,同时我们每天看到的一些好的设计,记得去留意分析,为什么别的设计好,别人设计看起来那么干净,毕加索说过:好的设计师借鉴,伟大的设计师偷。


1.加强行间距,+4原则或黄金比例

2.加大字间距: 0.1或0.2勿过大

3.减少线条,如非得已使用线

4.合理留白,拉开信息层级

5.运用卡片,更好整合信息
  查看全部
1.调整行间距

行间距大家都知道,但是具体如何设定值很多人不知道,一般我常用规则是 +4 ,比如文字大小是12PX,那么行间距就是16,以此类推文字是14,那么行间距就是18。

除了+4的规律你也可以运用黄金比例,文字大小X1.414,文字大小X1.616(1.414和1.616是黄金值)取四舍五入。

很多人要问,我如何判断界面里面用多大的行间距呢?道理很简单,就是看你们内容,如果你们app内容需要很丰富,你可以行间距小一些让屏幕展示更多内容,可以运用+4的原则,目前淘宝天猫是这个原则,如果你页面内容更加留白大一些阅读舒服一些,可以运用黄金比例的行间距,比如新闻阅读软件,需要大量留白来调整呼吸感!
 2.调整字间距

除了行间距,字间距同样很重要,特别是英文页面时候,同样的内容,字间距,和行间距不合适,看起来界面就会相差很多,有的看着很舒服,有的看起来说不出来哪里不对。

页面字母和字母之前距离非常的紧密,句子和句子之间的行间距也很近,导致阅读起来很密集,不够舒服,相反右边通过加大行间距和字间距,使得内容没有那么满,字母和字母之间的间距,行与行之间的间隔,使得整个设计节奏得到了一些舒缓!

需要注意的是:不要给太大的字间距,有时候过大也会让读者不舒服。


3.减少线 

在一个设计里面减少线条,或者让线条最少化,是让UI设计看起来干净的一种很重要的方法,通过间距来分割信息,加强内容和内容之间的间距,这样做,用户也是可以很清晰的区分信息层级。

需要注意的是:优先保证内容清晰,如果有些地方一定要用到线条,一定要使用它。


4.留白

页面放松和呼吸感在UI中非常重要,在左侧的设计中,元素之间的距离特别小,都挤在一个空间里面,非常的满。

要通过运用了版式,和空间感,有足够的空间让元素之间去呼吸让用户感觉舒服,让页面看起来更加的层次分明,利索干净。
 
 5运用卡片

在清晰度层面,使用卡片是帮助内容信息反馈的很好一种视觉形式,同时也让信息更加明确哪块是哪块。
 
卡片化设计在移动端让设计更加干净利落,是经常运用到的设计点。

总结

今天分享的几个小技巧点,其实是我们每天做设计中遇见的,需要灵活的多学多用,同时我们每天看到的一些好的设计,记得去留意分析,为什么别的设计好,别人设计看起来那么干净,毕加索说过:好的设计师借鉴,伟大的设计师偷。


1.加强行间距,+4原则或黄金比例

2.加大字间距: 0.1或0.2勿过大

3.减少线条,如非得已使用线

4.合理留白,拉开信息层级

5.运用卡片,更好整合信息
 

名片设计怎么做?

刘宇昆 发表了文章 • 0 个评论 • 13 次浏览 • 5 天前 • 来自相关话题

       好的名片设计都是在版式、字体、排印等多方面共同形成的。而不是简单的一个字体和印刷技术就能搞定的。所以我们在学习名片设计时候要多去注重字体排印细节、版式细节、字体使用方法等。简约的风格更能帮助用户查看信息

           



 
一款非常简约的名片,设计出来的标志只有一种颜色,创造性,简洁地采用了白色的背景,LOGO放在最显眼的地方(正面),是一个很好的表现方式,设计一款现代化的名片。在正面和背面的标志或图案,你可以列出相关的信息,包括名称,公司名称,标记线,和联系信息方式等。

           



 
       名片作为一种职业的独立媒体,在设计上要讲究其艺术性。但它同艺术作品有明显的区别,它不像其他艺术作品那样具有很高的审美价值,可以去欣赏,去玩味。它在大多情况下不会引起人的专注和追求,而是便于记忆,具有更强的识别性,让人在最短的时间内获得所需要的情报。因此名片设计必须做到文字简明扼要,字体层次分明,强调设计意识,艺术风格要新颖。
        名片设计可以采用横式来排名片版,也可以使用竖式和折卡式。您运用自己对名片内容的理解,把文字、图片、标志、色块、图形进行有机的排列组合,最后在电脑中形成名片。
       字体选择和色彩选择是名片的主要修饰手段。变换字体是名片设计的主要方式。名片上文字本来多,内容也没有必然的联系,所以可分散排列,每一内容的字体可以使用不同的字体,不同的字号大小,对字体进行特殊处理,也可使用不同的字体颜色;对名片的色彩,您可以使用照片,也可以使用色块,配合文字与商标的色彩,使名片更有美感。但名片的色彩选择,决定名片的价格,您只选择双色印刷,那么您无论印照片或色块,只能在三原色(红、绿、蓝)和黑色中选择两种进行搭配;您选择三色印刷,您选择的范围要大一点,可印出彩色图片;要想您印出的色彩更饱满,您最好选择四色印刷。 查看全部
       好的名片设计都是在版式、字体、排印等多方面共同形成的。而不是简单的一个字体和印刷技术就能搞定的。所以我们在学习名片设计时候要多去注重字体排印细节、版式细节、字体使用方法等。简约的风格更能帮助用户查看信息

           
v2-7849ccbd318caa6802777f6c37faf960_hd.jpg

 
一款非常简约的名片,设计出来的标志只有一种颜色,创造性,简洁地采用了白色的背景,LOGO放在最显眼的地方(正面),是一个很好的表现方式,设计一款现代化的名片。在正面和背面的标志或图案,你可以列出相关的信息,包括名称,公司名称,标记线,和联系信息方式等。

           
v2-bd14e9880b769dff058cccd644468c35_hd.jpg

 
       名片作为一种职业的独立媒体,在设计上要讲究其艺术性。但它同艺术作品有明显的区别,它不像其他艺术作品那样具有很高的审美价值,可以去欣赏,去玩味。它在大多情况下不会引起人的专注和追求,而是便于记忆,具有更强的识别性,让人在最短的时间内获得所需要的情报。因此名片设计必须做到文字简明扼要,字体层次分明,强调设计意识,艺术风格要新颖。
        名片设计可以采用横式来排名片版,也可以使用竖式和折卡式。您运用自己对名片内容的理解,把文字、图片、标志、色块、图形进行有机的排列组合,最后在电脑中形成名片。
       字体选择和色彩选择是名片的主要修饰手段。变换字体是名片设计的主要方式。名片上文字本来多,内容也没有必然的联系,所以可分散排列,每一内容的字体可以使用不同的字体,不同的字号大小,对字体进行特殊处理,也可使用不同的字体颜色;对名片的色彩,您可以使用照片,也可以使用色块,配合文字与商标的色彩,使名片更有美感。但名片的色彩选择,决定名片的价格,您只选择双色印刷,那么您无论印照片或色块,只能在三原色(红、绿、蓝)和黑色中选择两种进行搭配;您选择三色印刷,您选择的范围要大一点,可印出彩色图片;要想您印出的色彩更饱满,您最好选择四色印刷。

设计方案决策指南

寇老师 发表了文章 • 0 个评论 • 12 次浏览 • 2019-07-16 09:01 • 来自相关话题

设计师、产品经理在做设计的过程中,不可避免的会遇到很多的方案决策。

面对众多设计方案时,如何去决策,按照什么标准去决策更有科学性和说服力,这是一个值得我们去思考的问题。

在日常工作中,我们经常遇到这种情况。产品经理完成初始原型图(设计图A)之后,到了交互设计师手上,交互设计师将产品经理的一些方案重新改了一遍,变成了现在的交互文档(设计图B)。

视觉设计师将交互文档按照自己的理解,重新做了一遍调整,变成了视觉稿(设计图C)。

最终的视觉稿在开发阶段,开发觉得不好,又和产品经理沟通,又改了一遍,形成了设计稿D。

以上这种情况是各个角色根据自己的理解,将设计方案进行修改,最终的设计方案都是在各个角色间妥协,形成一个折中方案。

这种过程造成了设计方案的决策过于随意,那么有没有一套完整的科学方法去决策设计方案呢?

本篇文章为设计方案的决策指南,旨在找到合理的方案去指导设计方案,并给予设计方案一个良好的决策方向。

文章大纲:

1.用户调研结论

2.用户反馈

3.灰度测试数据

4.三种标准的权重

5.方案确认/优化

6.总结

大纲可看出,通过用户调研结论、用户反馈、灰度测试数据三个参考标准的权重,综合可得到最终的方案确定/优化。

1.用户调研结论

大部分设计师和产品经理都很难代表最具有代表性的目标用户,我们的角色是尽可能的理解我们的用户并作出做合理的决策。

但是大部分情况是,我们以专家视角去看待问题,看待设计方案,容易忽视小白用户真正的诉求,忽略最真实最主要的用户使用场景,所以用户调研是我们了解真实用户和真实使用场景的渠道之一。

用户调研数据和结论可以给予我们一些参考,所以我们在做设计决策时,需要考虑用户调研数据。

参考条件:当用研介入的时,在保证用研科学正确的基础上,用研结论要当做重要的参考指标。

参考标准:当用研结论第一的数据超过第二名20%,我们就应该把第一条的结论当做主要参考标准。

2.用户反馈参考标准

这里的用户反馈是从建议反馈、应用商店或论坛等渠道提出的建议,通过这些反馈可以给予我们一些改进意见。

反馈说明:当产品上线之后,肯定会有用户反馈(好或者坏),产品体量越大,则反馈量就越多。我们应该根据用户的反馈占比来作为决策的重要指标。

参考标准:同一种类型的建议占总类型超过30%,当做主要参考指标。

3.灰度测试数据

产品更新迭代时,一般不会全部升级到最新的方案版本,会通过灰度版本慢慢过渡,一般都是先灰度10%然后20%、30%到最后50%,50%以后没问题就全量。

数据参考:灰度测试,新版灰度版本测试的数据和旧版数据对比

参考标准:数据好于之前的数据。则灰度测试当做最重要的参考。

4.三种标准的权重

三种参考标准具有明显的权重排序。一般情况下:灰度数据 > 用户反馈 > 用户调研。

所以参考标准从高到底分别为:灰度数据 、用户反馈、 用户调研。

5.方案确认/优化

1.灰度数据(好于之前) 方案确定。

2.用户反馈(同类型占比30%)产品优化。

3.用户调研(第一名高于第二名20%)产品参考。

有时候一个新需求,由于没有灰度数据,也没有用户反馈,这时候主要参考标准就是用户调研。当后续产品发布后,这时候主要当参考标准就是灰度数据了,其次看用户反馈。

当需求是对当前对产品进行优化迭代时,这时候只能先看用户反馈和用户调研。只有上线之后,才能参考灰度测试数据。

6.总结

每个团队的情况不一样,所以文章中提到的决策指南更需要整个团队共同努力。需要大家的彼此信任,才能更好的将产品设计方案不断的更新迭代做的更好。 查看全部
设计师、产品经理在做设计的过程中,不可避免的会遇到很多的方案决策。

面对众多设计方案时,如何去决策,按照什么标准去决策更有科学性和说服力,这是一个值得我们去思考的问题。

在日常工作中,我们经常遇到这种情况。产品经理完成初始原型图(设计图A)之后,到了交互设计师手上,交互设计师将产品经理的一些方案重新改了一遍,变成了现在的交互文档(设计图B)。

视觉设计师将交互文档按照自己的理解,重新做了一遍调整,变成了视觉稿(设计图C)。

最终的视觉稿在开发阶段,开发觉得不好,又和产品经理沟通,又改了一遍,形成了设计稿D。

以上这种情况是各个角色根据自己的理解,将设计方案进行修改,最终的设计方案都是在各个角色间妥协,形成一个折中方案。

这种过程造成了设计方案的决策过于随意,那么有没有一套完整的科学方法去决策设计方案呢?

本篇文章为设计方案的决策指南,旨在找到合理的方案去指导设计方案,并给予设计方案一个良好的决策方向。

文章大纲:

1.用户调研结论

2.用户反馈

3.灰度测试数据

4.三种标准的权重

5.方案确认/优化

6.总结

大纲可看出,通过用户调研结论、用户反馈、灰度测试数据三个参考标准的权重,综合可得到最终的方案确定/优化。

1.用户调研结论

大部分设计师和产品经理都很难代表最具有代表性的目标用户,我们的角色是尽可能的理解我们的用户并作出做合理的决策。

但是大部分情况是,我们以专家视角去看待问题,看待设计方案,容易忽视小白用户真正的诉求,忽略最真实最主要的用户使用场景,所以用户调研是我们了解真实用户和真实使用场景的渠道之一。

用户调研数据和结论可以给予我们一些参考,所以我们在做设计决策时,需要考虑用户调研数据。

参考条件:当用研介入的时,在保证用研科学正确的基础上,用研结论要当做重要的参考指标。

参考标准:当用研结论第一的数据超过第二名20%,我们就应该把第一条的结论当做主要参考标准。

2.用户反馈参考标准

这里的用户反馈是从建议反馈、应用商店或论坛等渠道提出的建议,通过这些反馈可以给予我们一些改进意见。

反馈说明:当产品上线之后,肯定会有用户反馈(好或者坏),产品体量越大,则反馈量就越多。我们应该根据用户的反馈占比来作为决策的重要指标。

参考标准:同一种类型的建议占总类型超过30%,当做主要参考指标。

3.灰度测试数据

产品更新迭代时,一般不会全部升级到最新的方案版本,会通过灰度版本慢慢过渡,一般都是先灰度10%然后20%、30%到最后50%,50%以后没问题就全量。

数据参考:灰度测试,新版灰度版本测试的数据和旧版数据对比

参考标准:数据好于之前的数据。则灰度测试当做最重要的参考。

4.三种标准的权重

三种参考标准具有明显的权重排序。一般情况下:灰度数据 > 用户反馈 > 用户调研。

所以参考标准从高到底分别为:灰度数据 、用户反馈、 用户调研。

5.方案确认/优化

1.灰度数据(好于之前) 方案确定。

2.用户反馈(同类型占比30%)产品优化。

3.用户调研(第一名高于第二名20%)产品参考。

有时候一个新需求,由于没有灰度数据,也没有用户反馈,这时候主要参考标准就是用户调研。当后续产品发布后,这时候主要当参考标准就是灰度数据了,其次看用户反馈。

当需求是对当前对产品进行优化迭代时,这时候只能先看用户反馈和用户调研。只有上线之后,才能参考灰度测试数据。

6.总结

每个团队的情况不一样,所以文章中提到的决策指南更需要整个团队共同努力。需要大家的彼此信任,才能更好的将产品设计方案不断的更新迭代做的更好。

你不知道的AI技巧

刘宇昆 发表了文章 • 0 个评论 • 26 次浏览 • 2019-07-12 10:00 • 来自相关话题

                                                                 









 
                                                                 
100040jjwsqo5fpbzomj5f.png


100040iatoyr3bixabxg6b.png

 

初入UI设计行业,你需要养成这些好习惯

寇老师 发表了文章 • 0 个评论 • 30 次浏览 • 2019-07-12 09:48 • 来自相关话题

一、审美
 
1.  什么是审美?
审美是什么概念?每个人对于美的概念并不相同,美是一种非常主观的感受。审美的形式也不是一成不变,而我们作为审美主体原本也各不相同。
培养和提高审美也是在个人的审美基础之上进行的,我国大部分人的审美有待提高,特别要注重从小培养审美。

2.  怎样提升审美?
每个设计师对世界的认知层次不同,导致设计的风格必然各不相同。优秀的设计师能够准确表达出目标人群想要的美,从而形成独特的审美风格。而对于新手设计师,他们可能无法理解受众眼中的美,又或能够理解却没有好的技法去表达,无法达到所得既所想的专业水平。
首先要学会站在不同的角度去看待这个世界。需要有良好的观察力和想象力,可以看到别人看不到的世界的另一面。
然后要多听多看。多听你会接收到不同的观念,与相同领域和不同领域的人交流沟通,在对话中你可以得到新的讯息和理念。多看对美的概念就很具体了,多看书籍绘画,多看电影雕塑,多看各式各样的展览。
最后想说,审美不是一蹴而就的事情,需要长期的发现、思考、积累和总结;审美也不是一件令人痛苦的事情,也不是只有一条路可以走。他人的方法不一定适用于你,如何看到身边的花,只能用你自己的眼睛。
用心观察,生活处处是学问,处处都有好设计。
 
二、创建属于自己的素材库 
 
是不是每个设计师都会有一个自己的素材库,怎么创建并且完善呢?
答案是肯定的,每个设计师都应该拥有自己的素材库;但很多设计师不注意素材库的整理,在需要时,总是不太确定想要的素材在哪个位置,通常都是根据自己隐约的记忆来查找,最后即使找到,可能还不是自己想要的,这很大程度上降低了我们的工作效率。
我们今天着重梳理本地素材库,线上网址素材库:
 
①  本地素材库
如果你想成为优秀的设计师,首先请选择优秀的网站,多看优秀的作品,并尊重他人的劳动成果。
在国内外网站上看到喜欢,觉得有可取借鉴的设计作品,可以直接采集到 Pinterest/花瓣网,同时及时保存文件到本地!
既然已经保存到网址收藏了为什么还要保存文件到本地?相信大家经常看到这样的文章“没有了花瓣,Pinterest,设计师怎样做设计?” 现在你应该明白为什么了。
 
优点:一次保存,永久可查阅翻看。不必担心受到网络的问题,更安全。
缺点:难以追随源头,设计师都会有一个爱好,深挖,看到一个好作品后会追寻源头,看看还有没有相关的好作品。
 
②线上网址素材库
多去优秀的网站学习浏览优秀的作品,并及时保存收藏。优秀的网址参考上面的审美网址。以常用的花瓣网的整理为例。为了方便查找给每个画板设置封面,同时不同的内容设置不同颜色,另外利用颜色区分类别,同时把经常使用的内容靠前排列。
 
优点:容易查找,每个作品可添加标签分类;作品源头可追寻,可顺藤摸瓜找到更多相似作品。
缺点:如果出现网站维护,就不能访问网站;网络顺畅的前提下才能正常访问。
 
Tips:收藏的内容并不一定要是自己的专业内容,可以有涉猎更多的设计领域。虽然关注的设计师,收藏的作品就来自各种领域。但很多东西是相通的,能在不同的作品中看到可以通用的创意,我觉得这也是设计的乐趣之一。
 
三、如何在工作中应用这些素材?

1.复习消化。收藏后不代表完事了,需要定时或者空闲时间就翻开看看,各个素材的分布位置,分析这个作品:它好在哪,不好在哪。

2. 工作时作为设计参考。我们在做设计的时候不能埋头苦干,只看到自己的项目,线分析项目需求,在通过分析回想自己以往收藏的组品中,哪些点亮点元素可以借鉴参考,这样对我们的设计有很多帮助,也能够更好的满足需求,做出更好的设计。

3. 更新迭代。所有的素材可能只是在某一瞬间或某一时刻会被你认为是好作品,但随着自己的段位不断提升,素材也需要不断的增删,不断更新。 查看全部
一、审美
 
1.  什么是审美?
审美是什么概念?每个人对于美的概念并不相同,美是一种非常主观的感受。审美的形式也不是一成不变,而我们作为审美主体原本也各不相同。
培养和提高审美也是在个人的审美基础之上进行的,我国大部分人的审美有待提高,特别要注重从小培养审美。

2.  怎样提升审美?
每个设计师对世界的认知层次不同,导致设计的风格必然各不相同。优秀的设计师能够准确表达出目标人群想要的美,从而形成独特的审美风格。而对于新手设计师,他们可能无法理解受众眼中的美,又或能够理解却没有好的技法去表达,无法达到所得既所想的专业水平。
首先要学会站在不同的角度去看待这个世界。需要有良好的观察力和想象力,可以看到别人看不到的世界的另一面。
然后要多听多看。多听你会接收到不同的观念,与相同领域和不同领域的人交流沟通,在对话中你可以得到新的讯息和理念。多看对美的概念就很具体了,多看书籍绘画,多看电影雕塑,多看各式各样的展览。
最后想说,审美不是一蹴而就的事情,需要长期的发现、思考、积累和总结;审美也不是一件令人痛苦的事情,也不是只有一条路可以走。他人的方法不一定适用于你,如何看到身边的花,只能用你自己的眼睛。
用心观察,生活处处是学问,处处都有好设计。
 
二、创建属于自己的素材库 
 
是不是每个设计师都会有一个自己的素材库,怎么创建并且完善呢?
答案是肯定的,每个设计师都应该拥有自己的素材库;但很多设计师不注意素材库的整理,在需要时,总是不太确定想要的素材在哪个位置,通常都是根据自己隐约的记忆来查找,最后即使找到,可能还不是自己想要的,这很大程度上降低了我们的工作效率。
我们今天着重梳理本地素材库,线上网址素材库:
 
①  本地素材库
如果你想成为优秀的设计师,首先请选择优秀的网站,多看优秀的作品,并尊重他人的劳动成果。
在国内外网站上看到喜欢,觉得有可取借鉴的设计作品,可以直接采集到 Pinterest/花瓣网,同时及时保存文件到本地!
既然已经保存到网址收藏了为什么还要保存文件到本地?相信大家经常看到这样的文章“没有了花瓣,Pinterest,设计师怎样做设计?” 现在你应该明白为什么了。
 
优点:一次保存,永久可查阅翻看。不必担心受到网络的问题,更安全。
缺点:难以追随源头,设计师都会有一个爱好,深挖,看到一个好作品后会追寻源头,看看还有没有相关的好作品。
 
②线上网址素材库
多去优秀的网站学习浏览优秀的作品,并及时保存收藏。优秀的网址参考上面的审美网址。以常用的花瓣网的整理为例。为了方便查找给每个画板设置封面,同时不同的内容设置不同颜色,另外利用颜色区分类别,同时把经常使用的内容靠前排列。
 
优点:容易查找,每个作品可添加标签分类;作品源头可追寻,可顺藤摸瓜找到更多相似作品。
缺点:如果出现网站维护,就不能访问网站;网络顺畅的前提下才能正常访问。
 
Tips:收藏的内容并不一定要是自己的专业内容,可以有涉猎更多的设计领域。虽然关注的设计师,收藏的作品就来自各种领域。但很多东西是相通的,能在不同的作品中看到可以通用的创意,我觉得这也是设计的乐趣之一。
 
三、如何在工作中应用这些素材?

1.复习消化。收藏后不代表完事了,需要定时或者空闲时间就翻开看看,各个素材的分布位置,分析这个作品:它好在哪,不好在哪。

2. 工作时作为设计参考。我们在做设计的时候不能埋头苦干,只看到自己的项目,线分析项目需求,在通过分析回想自己以往收藏的组品中,哪些点亮点元素可以借鉴参考,这样对我们的设计有很多帮助,也能够更好的满足需求,做出更好的设计。

3. 更新迭代。所有的素材可能只是在某一瞬间或某一时刻会被你认为是好作品,但随着自己的段位不断提升,素材也需要不断的增删,不断更新。

为什么你的设计改了又改?这几种方法帮你一稿通过!

李老师 发表了文章 • 0 个评论 • 27 次浏览 • 2019-07-11 11:14 • 来自相关话题

大多数设计师在实际工作中,经常会碰到设计稿改来改去,改得焦头烂额,甚至怀疑自己的设计水平,这是为什么呢?
 
「设计」这一门工种,似乎是永远避免不了「改稿」这一环节的,即便是非常顶尖的设计师,不为甲方不为外部原因所妥协,也会在自我实践中寻求改变。但是,「改设计」也未必是越改越好,如果沟通不当,也会存在越改越糟的结果。所以,作为设计师,一方面我们要吸取不同的意见,另一方面也要全面提升自己的知识架构、坚守自己的原则。

接下来以「UI设计」为例,剖析我们日常工作中「改了又改」的问题。在实际工作中,UI设计师通常会面临来自老板、产品、运营、开发等各方人员的意见,也常常会因为字体的粗细、间距的大小、颜色的选择等等问题各执一词、争论不休。
 
为什么会这样呢?其实,在UI设计中,频繁改稿主要存在三种情况:

第一种:在与产品经理需求对接的时候沟通不到位导致理解有偏差,产生方向性错误,这是信息传递的问题;

第二种:设计师经验不足、设计能力有限导致产品经理的需求得不到最佳程度的实现,这是UI设计师本身的问题;

第三种:UI都已经做到一半或者已经输出了,产品需求又变动了,这是产品经理或老板的需求不确定的问题。
 
针对以上问题,在实际项目中怎样避免陷入频繁改稿的死循环,从而提高工作效率、推动项目进展,提升自己作为设计师的成就感呢?​
 
1.认清工作流,保持全方位的沟通
       首先我们来了解一下UI设计的工作流,只有清楚自己岗位的流程,才能更好地拿捏设计。每个公司的类型和规模可能都不太一样,但基本一致,无非就是5个阶段:需求 – 设计 – 开发 – 测试 – 上线。如果按职位划分就是:产品经理 – 交互设计师 – UI设计师 – 前后端开发工程师 – 测试人员 – 产品上线。
所以我们UI设计师是处于流水线中游的状态,向上对接产品,向下对接开发。在这个流程中,要做到减少设计修改的频率:
向上要明确产品经理的需求,将原型需求准确恰当的视觉化;
向下要考虑开发实现以及时间成本,因为如果一个设计做的非常绚丽,但是开发实现不出来或者很难实现或者实现的时间成本很大,那么肯定需要对设计方案做出调整,采纳折中方案。
所以,不想让自己的设计改了又改,那么一定要全方位的多沟通,一定不要「闭门造车」。​
2.确定需求,吃透交互原型
        1. 原型是否确定,会不会存在变动?     2. 项目的时间周期     3. 理清设计意图,处理好信息层级 
 
3.以产品为核心,尊重各方立场    
        当设计稿出来之后,一般会组织 UI评审,UI设计师一定要将自己的设计理念表达清楚,将设计中考究的观点输送给参与评审的各方人员,这样会让你的设计更有信服力。如果在评审过程中,产品、运营或开发对设计稿提出不同的意见,我们首先不要急于否定,要确定立场:大家都是以产品为核心去思考问题,也不要人云亦云,要清楚他们为什么会提出这个意见,是不是自己的设计哪里没有展现好?即便对方的建议本身没有可取性,那么你也要站在你的视角用你的观点解释给对方听。这决定于每个设计师的自身知识架构和理论支撑,所以一定要让自己不停地吸收,才能让自己的设计更经得起推敲。





 
  查看全部
6368912862866455007667411.jpg

大多数设计师在实际工作中,经常会碰到设计稿改来改去,改得焦头烂额,甚至怀疑自己的设计水平,这是为什么呢?
 
「设计」这一门工种,似乎是永远避免不了「改稿」这一环节的,即便是非常顶尖的设计师,不为甲方不为外部原因所妥协,也会在自我实践中寻求改变。但是,「改设计」也未必是越改越好,如果沟通不当,也会存在越改越糟的结果。所以,作为设计师,一方面我们要吸取不同的意见,另一方面也要全面提升自己的知识架构、坚守自己的原则。

接下来以「UI设计」为例,剖析我们日常工作中「改了又改」的问题。在实际工作中,UI设计师通常会面临来自老板、产品、运营、开发等各方人员的意见,也常常会因为字体的粗细、间距的大小、颜色的选择等等问题各执一词、争论不休。
 
为什么会这样呢?其实,在UI设计中,频繁改稿主要存在三种情况:

第一种:在与产品经理需求对接的时候沟通不到位导致理解有偏差,产生方向性错误,这是信息传递的问题;

第二种:设计师经验不足、设计能力有限导致产品经理的需求得不到最佳程度的实现,这是UI设计师本身的问题;

第三种:UI都已经做到一半或者已经输出了,产品需求又变动了,这是产品经理或老板的需求不确定的问题。
 
针对以上问题,在实际项目中怎样避免陷入频繁改稿的死循环,从而提高工作效率、推动项目进展,提升自己作为设计师的成就感呢?​
 
1.认清工作流,保持全方位的沟通
       首先我们来了解一下UI设计的工作流,只有清楚自己岗位的流程,才能更好地拿捏设计。每个公司的类型和规模可能都不太一样,但基本一致,无非就是5个阶段:需求 – 设计 – 开发 – 测试 – 上线。如果按职位划分就是:产品经理 – 交互设计师 – UI设计师 – 前后端开发工程师 – 测试人员 – 产品上线。
所以我们UI设计师是处于流水线中游的状态,向上对接产品,向下对接开发。在这个流程中,要做到减少设计修改的频率:
向上要明确产品经理的需求,将原型需求准确恰当的视觉化;
向下要考虑开发实现以及时间成本,因为如果一个设计做的非常绚丽,但是开发实现不出来或者很难实现或者实现的时间成本很大,那么肯定需要对设计方案做出调整,采纳折中方案。
所以,不想让自己的设计改了又改,那么一定要全方位的多沟通,一定不要「闭门造车」。​
2.确定需求,吃透交互原型
        1. 原型是否确定,会不会存在变动?     2. 项目的时间周期     3. 理清设计意图,处理好信息层级 
 
3.以产品为核心,尊重各方立场    
        当设计稿出来之后,一般会组织 UI评审,UI设计师一定要将自己的设计理念表达清楚,将设计中考究的观点输送给参与评审的各方人员,这样会让你的设计更有信服力。如果在评审过程中,产品、运营或开发对设计稿提出不同的意见,我们首先不要急于否定,要确定立场:大家都是以产品为核心去思考问题,也不要人云亦云,要清楚他们为什么会提出这个意见,是不是自己的设计哪里没有展现好?即便对方的建议本身没有可取性,那么你也要站在你的视角用你的观点解释给对方听。这决定于每个设计师的自身知识架构和理论支撑,所以一定要让自己不停地吸收,才能让自己的设计更经得起推敲。

6368912862894190219453791.jpg

 
 

“字要大”和设计师的审美之间,这个矛盾不可调和怎么解决!

李老师 发表了文章 • 0 个评论 • 24 次浏览 • 2019-07-11 10:52 • 来自相关话题

设计师,听起来似乎挺艺术的一个职业,不过本质上其实就是一个手艺人,靠手艺吃饭。
 
 对于所有设计师来说,其实经常都会面对这种问题,就是我们作为内行,有时候面对一个不是内行的人提出的需求,会感觉很无理很变态很难做。

还可能会引发一系列对所谓技术好的设计师却轻视实现自身价值,项目反应周期过长,吧啦吧啦的diss结论出来……那么今天来聊聊为什么甲乙方会存在认知差异,以及如何去解决这沟通中的鸿沟。

( Ps: 设计师,当你突然幡然醒悟觉得为时已晚的时候,恰恰就是最合适的时候。成长就是一个逐渐认识自己的过程。成长也是一个从仰视到平视再到俯视的过程…… )
其实是因为缺少一个步骤:翻译。我们仔细想想,当他们说字要大的时候,到底是在说什么?真的只是要把字放大吗?其实不是的。字要大的意思,翻译一下:是要醒目、显眼、信号强。

原研哉说过,“设计行为是对信息的提取、整理和呈现”,做设计,本质就是处理信息。那么字要大翻译过来,代表的就是信号强。

OK,如果你理解了这一层意思,就是当“甲方爸爸”说字要大时,其实是想说信号要强。那你就不会真的只是把字放大了,你的处理方式有很多很多种,一定能找到一种既不破坏你心里的审美,又能满足需求的方式。前面说的那个矛盾,也就不存在了。
 
在我们设计师眼里,在潘通色卡中,即使是最简陋的那一版里,红色就有五百种。而往往实际当中客户只会告诉你说:我要红色,大红色,哦买噶!设计不疯才怪,由此看来视觉设计师辅修一门《甲方心理学》和《抑郁症的疏导与缓解>非常有必要。
 
那么接到这种需求时,我们该怎么做呢?先想一下,这个看似奇葩的需求,在这个目标的情景下,代表的是什么意思。再运用设计专业能力,自然能达到需求和审美之间的平衡。

* 第一步是翻译需求,弄明白他说这个到底是什么意思。

* 第二步是专业匹配,从掌握的设计技巧中,找到合适的方法去实现需求。

我们平时工作时,往往特别重视第二步,拼命提升设计感,拼命美化细节,但其实更重要的是第一步。

我们经常看到网上流传的那些段子,什么高端大气上档次、五彩斑斓的黑、logo放大的同时缩小一点等等,这些看似奇葩的需求,不是他们要故意为难设计师。

“甲方爸爸”他们不是设计专业的人,他不懂我们的那些衬线体、视觉平衡、色彩构成这些玩意,甚至有的连最基本的设计师付出了时间成本,就应得到相应回报这一点,都不能理,认为不过就是在电脑上简单画几笔而已。因此,我们不能期望他们用设计专业的语言去描述需求。
 
他们只能用他能想到的有限的词汇。甚至实际上,在他没看到心目中对的那个方案时,他也不清楚自己到底想要什么。这很正常。
 
只要你们的目标是一致的,都是为了品牌和用户创造价值,那出现这种情况,其实就是一个翻译的问题。





  查看全部
设计师,听起来似乎挺艺术的一个职业,不过本质上其实就是一个手艺人,靠手艺吃饭。
 
 对于所有设计师来说,其实经常都会面对这种问题,就是我们作为内行,有时候面对一个不是内行的人提出的需求,会感觉很无理很变态很难做。

还可能会引发一系列对所谓技术好的设计师却轻视实现自身价值,项目反应周期过长,吧啦吧啦的diss结论出来……那么今天来聊聊为什么甲乙方会存在认知差异,以及如何去解决这沟通中的鸿沟。

( Ps: 设计师,当你突然幡然醒悟觉得为时已晚的时候,恰恰就是最合适的时候。成长就是一个逐渐认识自己的过程。成长也是一个从仰视到平视再到俯视的过程…… )
其实是因为缺少一个步骤:翻译。我们仔细想想,当他们说字要大的时候,到底是在说什么?真的只是要把字放大吗?其实不是的。字要大的意思,翻译一下:是要醒目、显眼、信号强。

原研哉说过,“设计行为是对信息的提取、整理和呈现”,做设计,本质就是处理信息。那么字要大翻译过来,代表的就是信号强。

OK,如果你理解了这一层意思,就是当“甲方爸爸”说字要大时,其实是想说信号要强。那你就不会真的只是把字放大了,你的处理方式有很多很多种,一定能找到一种既不破坏你心里的审美,又能满足需求的方式。前面说的那个矛盾,也就不存在了。
 
在我们设计师眼里,在潘通色卡中,即使是最简陋的那一版里,红色就有五百种。而往往实际当中客户只会告诉你说:我要红色,大红色,哦买噶!设计不疯才怪,由此看来视觉设计师辅修一门《甲方心理学》和《抑郁症的疏导与缓解>非常有必要。
 
那么接到这种需求时,我们该怎么做呢?先想一下,这个看似奇葩的需求,在这个目标的情景下,代表的是什么意思。再运用设计专业能力,自然能达到需求和审美之间的平衡。

* 第一步是翻译需求,弄明白他说这个到底是什么意思。

* 第二步是专业匹配,从掌握的设计技巧中,找到合适的方法去实现需求。

我们平时工作时,往往特别重视第二步,拼命提升设计感,拼命美化细节,但其实更重要的是第一步。

我们经常看到网上流传的那些段子,什么高端大气上档次、五彩斑斓的黑、logo放大的同时缩小一点等等,这些看似奇葩的需求,不是他们要故意为难设计师。

“甲方爸爸”他们不是设计专业的人,他不懂我们的那些衬线体、视觉平衡、色彩构成这些玩意,甚至有的连最基本的设计师付出了时间成本,就应得到相应回报这一点,都不能理,认为不过就是在电脑上简单画几笔而已。因此,我们不能期望他们用设计专业的语言去描述需求。
 
他们只能用他能想到的有限的词汇。甚至实际上,在他没看到心目中对的那个方案时,他也不清楚自己到底想要什么。这很正常。
 
只要你们的目标是一致的,都是为了品牌和用户创造价值,那出现这种情况,其实就是一个翻译的问题。

6369723877160923841880146.jpg

 

如何评价腾讯新字体

刘宇昆 发表了文章 • 0 个评论 • 42 次浏览 • 2019-07-09 11:40 • 来自相关话题

腾讯为了更新一个LOGO,竟然花了几百万做了一套字体。看到网上的吐糟五花八门,却很少有专业性的见解,但我们今天不会点评这次升级,而是会跟大家分享一下,字体设计中的专业术语,下次可以用“行话”来更精准的表达的自己的看法。

所以关于字体的一些专业术语,你知道多少呢?
 
                                                                                 



字体的特征

首先中文字体分为黑体和宋体,英文字体分为有衬线和无衬线这个大家都知道,但是它们是靠什么去划分界限肯定很少有人知道。

宋体和有衬线字体指的是线条右边带有所谓的【衬线】的装饰,以及直线比横线粗的字体的总称。而黑体和无衬线字体则是没有这些衬线装饰,直线和横线笔画粗细均等字体的总称。


                                                                               




                                                                               



 

                                                                               




字体的粗细

你知道怎么字体的种类划分只是高逼格吐槽第一步,接下来就教你怎么甩那些只会说“这一撇好看,那一横不行”的人几十条街。为了节省打字之后就直接写宋体和黑体了,宋体看起来简洁利落,即使缩小也能够有良好的可读性,所以广泛运用在新闻、参考书籍这些长文章中。

字体给人的印象会随着笔画的粗细而改变,笔画粗的宋体会给人“权威”“历史”“男性”等印象,细的则会给人“柔软”“现代”“中性”“品格”等印象;笔画粗的黑体则是“强而有力”“朝气蓬勃”“严格”等,细的则是:“明亮”“纤细”“女性的”等。

所以在设计时挑选字体一定要和挑选女朋友一样慎重,因为一款适合的字体绝对能够将你的作品效果更好的呈现出来。
 

                                                                               




                                                                               



 
Tips:有时间不妨了解一下字体诞生的经历,会产生很多启发,当然重点是会让你的专业功力看上去至少提高三成!
 

                                                                               



字体的个性

不过仅仅了解字体特征还是不够的,因为即使同样归纳为黑体或宋体,但是你还是不足以说出仿宋、新宋和宋体的具体差别,因为字体各自的个性不同,但是你说不上来对吧?所以下面就要上重点了!
 

                                                                               



                                                                
                                                                               




同样是宋体,但是中宫窄、字面框小的字体,可以感受到很强烈的手写文字韵味,给人古典正式的感觉。反之,中宫广、字面框大的字体,则更具现代感,黑体也是一样。

小伙伴要问了,英文字没有中宫、字腔咋整?别担心,有衬线字体根据制作年代划分,经历了【威尼斯式Venetian】【旧风格Old Face】【过渡时期Traditional】【现代样式Modern Face】的演变,需要注意的是纵轴的切入法,以及衬线的形状。无衬线字体具备的几何形状,则会给人现代感。


                                                                               




                                                                               



 
字体印象坐标




所以不要再用“倾斜度8比较吉利,客户肯定喜欢”这种句式去吐槽了,一句“这个纵轴倾斜角度,应该是参考了威尼斯式的古典韵味,但是又兼顾了旧风格的现代感。”一出,设计师气场扑面而来!

在创作过程中,我们在脑海里搜寻字体的信息,然后一个一个漫长的尝试或者从几个尝试中草率决定是比较普遍的,但是虽然普遍但不值得提倡。也许可以尝试一些新的做法,比如制作一张“字体印象坐标”


                                                                             




                                                                             



 
最后,我想说,看待一个设计成果不能仅仅停留在“好看不好看的层面”,设计的视觉呈现就好比是海面上的冰山一角,海面之下是设计师庞大而深厚的知识储备。所以,希望大家在学习设计技巧软件技能之余,能更加注重设计思维和设计之外知识的储备和培养,设计出有“内容”的作品。



 
 
  查看全部
腾讯为了更新一个LOGO,竟然花了几百万做了一套字体。看到网上的吐糟五花八门,却很少有专业性的见解,但我们今天不会点评这次升级,而是会跟大家分享一下,字体设计中的专业术语,下次可以用“行话”来更精准的表达的自己的看法。

所以关于字体的一些专业术语,你知道多少呢?
 
                                                                                 
v2-4853b73187eddd1f95190677c8c71069_hd.jpg

字体的特征

首先中文字体分为黑体和宋体,英文字体分为有衬线和无衬线这个大家都知道,但是它们是靠什么去划分界限肯定很少有人知道。

宋体和有衬线字体指的是线条右边带有所谓的【衬线】的装饰,以及直线比横线粗的字体的总称。而黑体和无衬线字体则是没有这些衬线装饰,直线和横线笔画粗细均等字体的总称。


                                                                               
v2-274686f2a04091e9bcf7a0431931ec20_1200x500.jpg


                                                                               
v2-58ea1fcb4028550ac22230205a4176ec_hd.jpg

 

                                                                               
v2-fe0f055aaaae4467a098f206c2ff3230_hd.jpg


字体的粗细

你知道怎么字体的种类划分只是高逼格吐槽第一步,接下来就教你怎么甩那些只会说“这一撇好看,那一横不行”的人几十条街。为了节省打字之后就直接写宋体和黑体了,宋体看起来简洁利落,即使缩小也能够有良好的可读性,所以广泛运用在新闻、参考书籍这些长文章中。

字体给人的印象会随着笔画的粗细而改变,笔画粗的宋体会给人“权威”“历史”“男性”等印象,细的则会给人“柔软”“现代”“中性”“品格”等印象;笔画粗的黑体则是“强而有力”“朝气蓬勃”“严格”等,细的则是:“明亮”“纤细”“女性的”等。

所以在设计时挑选字体一定要和挑选女朋友一样慎重,因为一款适合的字体绝对能够将你的作品效果更好的呈现出来。
 

                                                                               
v2-6f3736188474635774473f1710b12b6c_hd.jpg


                                                                               
v2-1a88c7004de683f8a6309a01e82e548c_hd.jpg

 
Tips:有时间不妨了解一下字体诞生的经历,会产生很多启发,当然重点是会让你的专业功力看上去至少提高三成!
 

                                                                               
v2-0dc180c3e2041fd52684ef3b4e928c5e_hd.jpg

字体的个性

不过仅仅了解字体特征还是不够的,因为即使同样归纳为黑体或宋体,但是你还是不足以说出仿宋、新宋和宋体的具体差别,因为字体各自的个性不同,但是你说不上来对吧?所以下面就要上重点了!
 

                                                                               
v2-35b63a171312452d7b6a51aebbf1c4f3_hd.jpg

                                                                
                                                                               
v2-467bd3dd7e6d4b10b54af5326f6e014d_hd.jpg


同样是宋体,但是中宫窄、字面框小的字体,可以感受到很强烈的手写文字韵味,给人古典正式的感觉。反之,中宫广、字面框大的字体,则更具现代感,黑体也是一样。

小伙伴要问了,英文字没有中宫、字腔咋整?别担心,有衬线字体根据制作年代划分,经历了【威尼斯式Venetian】【旧风格Old Face】【过渡时期Traditional】【现代样式Modern Face】的演变,需要注意的是纵轴的切入法,以及衬线的形状。无衬线字体具备的几何形状,则会给人现代感。


                                                                               
v2-80ff49af9d21eedf3c31051cd5686aea_hd.jpg


                                                                               
v2-c70464ce03b3febbe2f2418c1f689434_hd.jpg

 
字体印象坐标




所以不要再用“倾斜度8比较吉利,客户肯定喜欢”这种句式去吐槽了,一句“这个纵轴倾斜角度,应该是参考了威尼斯式的古典韵味,但是又兼顾了旧风格的现代感。”一出,设计师气场扑面而来!

在创作过程中,我们在脑海里搜寻字体的信息,然后一个一个漫长的尝试或者从几个尝试中草率决定是比较普遍的,但是虽然普遍但不值得提倡。也许可以尝试一些新的做法,比如制作一张“字体印象坐标”


                                                                             
v2-9c5469fda966b47fd6c2f0dc120dc2ce_hd.jpg


                                                                             
v2-bad0d6955e2a73d7c385056e1ae19364_hd.jpg

 
最后,我想说,看待一个设计成果不能仅仅停留在“好看不好看的层面”,设计的视觉呈现就好比是海面上的冰山一角,海面之下是设计师庞大而深厚的知识储备。所以,希望大家在学习设计技巧软件技能之余,能更加注重设计思维和设计之外知识的储备和培养,设计出有“内容”的作品。



 
 
 

《设计师要懂心理学》

寇老师 发表了文章 • 0 个评论 • 44 次浏览 • 2019-07-09 09:05 • 来自相关话题

1.奥卡姆剃刀原理
 
也称为简单有效原理,是指如果达成一个目标有多种途径,那么选择最简单的方式。任何复杂的事物都有其固有的简单性,多是少的累加,复杂也是简单的组合拼接,提醒我们抓住事物的本质,不要人为将事情复杂化,这样才更有助于我们有效且高效的解决问题。 
这个原理其实早已超越了心理学范畴,广泛应用于哲学、科学、管理学、经济学等领域。应用到设计领域可以这样理解:如果通过多种方式都可以达成相同的设计目标,那么选用其中最简单的设计方式。
 
淘宝网首页可以按照“店铺、天猫和宝贝”三个维度输入关键词搜索,淘宝设计师选择将这三个tab标签直接展示出来,这样用户不需要点击就可以直观明确该如何分类搜索。当用户在首页向下滑动页面,搜索框会悬浮置顶显示,此时将三个搜索项收起聚合,交互设置为点击展开下拉框选择搜索项。

如此设置的原因可能是出于以下考虑:由于用户刚进入首页后,可选择的搜索项是全部展示的,当用户下滑页面后,可以判断用户对搜索项已经有了初步认知,即使少部分用户没有注意到,仍然可以在置顶时点击搜索项了解,并不会影响使用,只是此时操作路径多了一步。

另外用户此时对于页面内容区的浏览是主场景,而搜索框虽然重要但这种情况下处于辅助场景,因此悬浮置顶的搜索框区域高度应该尽可能少一些,将搜索项收起可以减少该区域高度,不要对内容区的浏览造成干扰。

有趣的是阿里国际站首页,搜索项也是多选,但默认设置为收起,页面下滑之后悬浮置顶的搜索框去除了搜索项选择。这里我们暂且不讨论淘宝和阿里国际站不同的用户群体及业务特征,单就此处设计方式的选择,更推荐淘宝的交互设置。
 
2. 将复杂的任务拆解成简单的子任务,分步完成
 
比如之前很多单机游戏,像使命召唤系列,游戏开始前需要玩家先选择角色,分为小白、普通兵和老兵,之后再根据角色决定游戏进程中对手的厉害程度。对于新手如果直接选择老兵,很可能闯不过几关就直接歇菜了,对玩家而言会产生很深的挫败感,很可能就不再玩这个游戏了。你只有慢慢打怪升级,才有可能最终成为老兵通关。

在界面设计中也面临同样的问题,比如最常见的表单信息填写,用户进入页面如果看到一长串的字段需要选择或填写,完成这项任务的意愿首先减少了一大半。其次用户对表单信息类型没有清晰的预判,感觉就是一股脑的塞到一张页面中,这无疑会降低填写成功率。

设计师需要做的是:把综合任务分成几步,让用户少动脑筋,因为进行心理活动会让人感觉时间过了好久。
 
3. 帮助用户设立目标并显示完成进度

完成任何事情都需要过程,越是关键的结果越需要日积月累,不可能一蹴而就。因此就需要思考如何在产品设计中帮助用户建立实现一个目标的总目标和阶段性目标。

人天生都有很强的惰性,设计师需要应用心理学的暗示引导和鼓励用户持续:因为一个人如果离实现目标越近,就越有动力去完成,尤其是当成功近在眼前的时候。

例如知识付费应用“得到APP”引导用户设定课程学习计划,并显示每天计划完成进度,课程列表页也会显示学习该课程的进度,长期坚持完成学习计划,将获得平台提供的不同类型优惠券,持续时间越久奖励越大。

移动健身应用Keep对用户跑步记录数据呈现的较为详细,首先设定了总跑步里程数量,分了好几档不同的级别,鼓励用户持续跑步突破自己不断升级,同时也提供消耗的热量、累计跑步次数等数据,目的都是帮助和鼓励用户持续某个行为,获得正向激励,形成良性循环。
 
4. 产品如果能让用户和其他人产生联系,用户会更有动力

目前市场上社交类应用、娱乐类应用、以及含有社交属性的产品,做得好的都拥有较大的用户量基数。人是社会性动物,做任何事离不开周围的人与环境,人也会产生各种各样的情绪:焦虑感、孤独感、渴望被关心、抑郁、无助、绝望等等。

所有这些情绪都需要有排解的渠道,否则一定会出现问题。这也给市场带来了许多机会,产品可以针对人们不同的思绪提供相应的解决方案。

比如微信的熟人社交、陌陌和探探的陌生人社交、网易云音乐的评论回复产生情感共鸣、脉脉的职场社交等。用户在与他人产生联系的过程中,一边缓解调整自己的情绪、一边寻找有情感共鸣的同路人。
 
5. 故事是人处理信息最自然的方式

现在从儿童时期就开始阅读绘本,通过绘本讲故事的方式开启了对世界的认知。再比如近年来大火的德云社,德云社把相声从传统专业度高的艺术形式,转变为接地气的故事段子,大幅提升了大众对于相声的兴趣与追捧。

对应到产品中,自然也想通过这种方式积累用户、提升用户粘性、包括后续的付费购买等。“凯叔讲故事”就是通过有声讲故事的方式向孩子们传授知识。另外一些应用,会把与客户合作的成功案例展示出来,真实的成功故事比单纯的自我推销强很多倍。
 
6. 仅在用户需要时才展示他们需要的信息

主要是依据用户使用产品的场景决定。我认为如果要细分的话,总体上分为两部分:针对内容区和针对导航的展示与隐藏。

知乎某提问的回答详情页,初始打开该页面顶部有“回复者的头像、昵称、个人简介和关注按钮”的信息,下滑页面查看内容时不会出现该信息,只有当用户上滑回翻页面时才会出现该信息。

原因是知乎基于用户使用场景判断:用户下滑查看页面时,给内容区留足够空间,不干扰对内容的查看;而当用户上滑回翻页面时,判断用户可能对该回答感兴趣,顶部悬浮出现关注该回答者的入口,或者进入该回答者的主页查看更多。
 
 
7. 音乐能带给人强烈的愉悦感和情感共鸣

艺术不分国界,音乐也是艺术的一种形式,极少有人会厌恶音乐,大家的区别只在于偏好不同的音乐风格。远的不说,单就近几年火起来的互联网产品中,有代表性的包括网易云音乐、抖音。

2017年网易云音乐在杭州地铁线将热度最高的5000句乐评文案印在了杭州地铁车厢和站内,成为当年最具影响力的营销事件,刷爆了朋友圈,甚至有人不远万里赶来合影拍照。这个现象的本质原因是人们对听到一首歌而引发情感共鸣的强烈渴望。

如果你刷抖音,尝试把音乐关掉,只看视频内容,没多久你就会觉得挺无聊,也无法让你的情绪嗨起来。过往的视频类应用都是把自主权交给用户,用户自己拍、自己决定放什么样的歌曲,时间长度也不做限制。

抖音一定程度上是将这些规则标准化、简单化,降低拍摄视频的认知门槛易上手,面对用户群体的快节奏生活氛围,控制视频时长,使用户情绪快速被调起。
 
  查看全部
1.奥卡姆剃刀原理
 
也称为简单有效原理,是指如果达成一个目标有多种途径,那么选择最简单的方式。任何复杂的事物都有其固有的简单性,多是少的累加,复杂也是简单的组合拼接,提醒我们抓住事物的本质,不要人为将事情复杂化,这样才更有助于我们有效且高效的解决问题。 
这个原理其实早已超越了心理学范畴,广泛应用于哲学、科学、管理学、经济学等领域。应用到设计领域可以这样理解:如果通过多种方式都可以达成相同的设计目标,那么选用其中最简单的设计方式。
 
淘宝网首页可以按照“店铺、天猫和宝贝”三个维度输入关键词搜索,淘宝设计师选择将这三个tab标签直接展示出来,这样用户不需要点击就可以直观明确该如何分类搜索。当用户在首页向下滑动页面,搜索框会悬浮置顶显示,此时将三个搜索项收起聚合,交互设置为点击展开下拉框选择搜索项。

如此设置的原因可能是出于以下考虑:由于用户刚进入首页后,可选择的搜索项是全部展示的,当用户下滑页面后,可以判断用户对搜索项已经有了初步认知,即使少部分用户没有注意到,仍然可以在置顶时点击搜索项了解,并不会影响使用,只是此时操作路径多了一步。

另外用户此时对于页面内容区的浏览是主场景,而搜索框虽然重要但这种情况下处于辅助场景,因此悬浮置顶的搜索框区域高度应该尽可能少一些,将搜索项收起可以减少该区域高度,不要对内容区的浏览造成干扰。

有趣的是阿里国际站首页,搜索项也是多选,但默认设置为收起,页面下滑之后悬浮置顶的搜索框去除了搜索项选择。这里我们暂且不讨论淘宝和阿里国际站不同的用户群体及业务特征,单就此处设计方式的选择,更推荐淘宝的交互设置。
 
2. 将复杂的任务拆解成简单的子任务,分步完成
 
比如之前很多单机游戏,像使命召唤系列,游戏开始前需要玩家先选择角色,分为小白、普通兵和老兵,之后再根据角色决定游戏进程中对手的厉害程度。对于新手如果直接选择老兵,很可能闯不过几关就直接歇菜了,对玩家而言会产生很深的挫败感,很可能就不再玩这个游戏了。你只有慢慢打怪升级,才有可能最终成为老兵通关。

在界面设计中也面临同样的问题,比如最常见的表单信息填写,用户进入页面如果看到一长串的字段需要选择或填写,完成这项任务的意愿首先减少了一大半。其次用户对表单信息类型没有清晰的预判,感觉就是一股脑的塞到一张页面中,这无疑会降低填写成功率。

设计师需要做的是:把综合任务分成几步,让用户少动脑筋,因为进行心理活动会让人感觉时间过了好久。
 
3. 帮助用户设立目标并显示完成进度

完成任何事情都需要过程,越是关键的结果越需要日积月累,不可能一蹴而就。因此就需要思考如何在产品设计中帮助用户建立实现一个目标的总目标和阶段性目标。

人天生都有很强的惰性,设计师需要应用心理学的暗示引导和鼓励用户持续:因为一个人如果离实现目标越近,就越有动力去完成,尤其是当成功近在眼前的时候。

例如知识付费应用“得到APP”引导用户设定课程学习计划,并显示每天计划完成进度,课程列表页也会显示学习该课程的进度,长期坚持完成学习计划,将获得平台提供的不同类型优惠券,持续时间越久奖励越大。

移动健身应用Keep对用户跑步记录数据呈现的较为详细,首先设定了总跑步里程数量,分了好几档不同的级别,鼓励用户持续跑步突破自己不断升级,同时也提供消耗的热量、累计跑步次数等数据,目的都是帮助和鼓励用户持续某个行为,获得正向激励,形成良性循环。
 
4. 产品如果能让用户和其他人产生联系,用户会更有动力

目前市场上社交类应用、娱乐类应用、以及含有社交属性的产品,做得好的都拥有较大的用户量基数。人是社会性动物,做任何事离不开周围的人与环境,人也会产生各种各样的情绪:焦虑感、孤独感、渴望被关心、抑郁、无助、绝望等等。

所有这些情绪都需要有排解的渠道,否则一定会出现问题。这也给市场带来了许多机会,产品可以针对人们不同的思绪提供相应的解决方案。

比如微信的熟人社交、陌陌和探探的陌生人社交、网易云音乐的评论回复产生情感共鸣、脉脉的职场社交等。用户在与他人产生联系的过程中,一边缓解调整自己的情绪、一边寻找有情感共鸣的同路人。
 
5. 故事是人处理信息最自然的方式

现在从儿童时期就开始阅读绘本,通过绘本讲故事的方式开启了对世界的认知。再比如近年来大火的德云社,德云社把相声从传统专业度高的艺术形式,转变为接地气的故事段子,大幅提升了大众对于相声的兴趣与追捧。

对应到产品中,自然也想通过这种方式积累用户、提升用户粘性、包括后续的付费购买等。“凯叔讲故事”就是通过有声讲故事的方式向孩子们传授知识。另外一些应用,会把与客户合作的成功案例展示出来,真实的成功故事比单纯的自我推销强很多倍。
 
6. 仅在用户需要时才展示他们需要的信息

主要是依据用户使用产品的场景决定。我认为如果要细分的话,总体上分为两部分:针对内容区和针对导航的展示与隐藏。

知乎某提问的回答详情页,初始打开该页面顶部有“回复者的头像、昵称、个人简介和关注按钮”的信息,下滑页面查看内容时不会出现该信息,只有当用户上滑回翻页面时才会出现该信息。

原因是知乎基于用户使用场景判断:用户下滑查看页面时,给内容区留足够空间,不干扰对内容的查看;而当用户上滑回翻页面时,判断用户可能对该回答感兴趣,顶部悬浮出现关注该回答者的入口,或者进入该回答者的主页查看更多。
 
 
7. 音乐能带给人强烈的愉悦感和情感共鸣

艺术不分国界,音乐也是艺术的一种形式,极少有人会厌恶音乐,大家的区别只在于偏好不同的音乐风格。远的不说,单就近几年火起来的互联网产品中,有代表性的包括网易云音乐、抖音。

2017年网易云音乐在杭州地铁线将热度最高的5000句乐评文案印在了杭州地铁车厢和站内,成为当年最具影响力的营销事件,刷爆了朋友圈,甚至有人不远万里赶来合影拍照。这个现象的本质原因是人们对听到一首歌而引发情感共鸣的强烈渴望。

如果你刷抖音,尝试把音乐关掉,只看视频内容,没多久你就会觉得挺无聊,也无法让你的情绪嗨起来。过往的视频类应用都是把自主权交给用户,用户自己拍、自己决定放什么样的歌曲,时间长度也不做限制。

抖音一定程度上是将这些规则标准化、简单化,降低拍摄视频的认知门槛易上手,面对用户群体的快节奏生活氛围,控制视频时长,使用户情绪快速被调起。
 
 

设计师必备的尺寸,帮同学们梳理一下!

李老师 发表了文章 • 0 个评论 • 53 次浏览 • 2019-07-04 14:06 • 来自相关话题

                                    常见尺寸
 






























  查看全部
                                    常见尺寸
 

201807301532957233.jpg


212.jpg


201807301532957234-1.jpg


201807301532957235.jpg


201807301532957235-1.jpg


201807301532957236.jpg