php

php

php相关问题
html+css

html+css

JavaScript

JavaScript

js,jquery,vue.js等
Linux

Linux

Linux操作系统
Mysql

Mysql

各种资源

各种资源

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

就业指导

UI设计

UI设计

教学视频分享

教学视频分享

快速改善UI视觉体验的7个小技巧

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

也许你是个新手设计师,也许你是个有着丰富开发经验的开发者,但是有需求让自己设计的网页和UI看起来更像那么一回事,至少看起来不是一个外行的手笔。

那么今天的文章应该能够帮到你。在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。改进设计这件事情,经验和技巧往往能让人少走弯路。

闲话少叙,下面我们具体看看。

1. 按钮色彩凸显重要性
在给用户提供多个选择的时候,可以通过色彩所传递的情绪是积极还是消极的,来简单快速地进行设计。
 
实际上,红色和绿色按钮的色彩含义,已经横跨物理世界和数字设计领域,我们每天在很多实体产品上也能看到类似的设计,包括交通上的红绿灯,警告标识,以及实体按钮。

绿色表示通行,红色表示禁止。如果用户需要购买一个漏斗,你希望感兴趣的用户赶紧点击,而不是取消。

另外,如果你的网站或者 APP 涉及到重要性不同的若干交互,除了按钮都要标识出相应的文本标签内容以外,还可以借助色彩填充与否来进一步区分层级结构。
 
有色彩填充的按钮、幽灵按钮(无色彩填充、有边框)以及无边框无填充按钮来区分。 而在少数情况下,对于系统有重要影响的、破坏性的或者限制性的按钮,也应该突出显示,但是可以使用红色来进行强调和警告。这个时候,相对的「非负面」的按钮则被视作为重要性较低的操作。
 
简而言之,实际上用户用来区分按钮的核心靠的是感知而非复杂逻辑判断,设计的基本规则在上面,但是更重要的是要基于情绪和感知来进行设计。
 
2. 用字重和明暗来区分层级

尤其是在构建文本内容的视觉层级的时候,可用到的属性很多,只使用大小差异来构建就显得过于单一了。

在很多时候,可以借助色彩、字重、明暗来进行区分。我们可以让更重要的文本更大、字体更粗、色彩更加鲜明,或者使用更深的黑色来呈现。
 
3. 用留白来隔离元素

两个元素互不相关,如果想将它们分隔开来,使用分割线似乎是一件理所当然的事情?当然可以,但是这种方式真的是非常过时且笨拙的一种呈现方式。你需要的是更好、更优雅、更贴合当下的一种呈现方式。

不是简单地使用分割线,而是使用留白,或者说负空间来间隔就可以了。分割线在很大程度上是丑陋且难以驾驭的视觉噪音,相对而言留白则好了很多。
 
多数情况下,删除分隔线条是比较快速的方法,当然更多的时候需要你适当地调整一下留白的大小。

使用分割线来分隔内容,不仅会让扫视页面花费更长的时间,而且增加的信息噪音会影响整体的层次结构。
 
4. 用阴影替代边框

想要凸显一些元素,并不一定需要依靠描边。使用阴影则可以起到同样的效果,单独使用则会显得更加整洁。描边+阴影则会显得过于杂乱。

使用相对不那么具有侵略性的小阴影无疑让效果更加轻松,看起来也不会突兀。
 
5. 用色条提升视觉调性

如果觉得内容区块过于单调,可以根据你的目的来强化这一区块的视觉属性。在内容区的一边加上色条能够在提升视觉属性的同时,赋予这一区块内容以情绪。

色条可以是单色的,也可以是渐变的,这取决于你想传达什么样的视觉体验。这个色条还可以具备良好的功能性。当然,这很大程度是用在相对比较素的页面上的,如果页面本身已经很花哨了,就不太用得上。
 
比如使用红色和绿色来标识不同的状态,也可以用色条来标识出被触发的 Tab 或者控件。
 
6. 用背景色区分区块

其实,同样是为了进行区分内容区块和层级,这个方法同样优雅而快速,几乎可以算是毫不费力的一种设计技巧。
 
为了区分两个不同区块的元素,简单地使用不同的背景来进行区分也可以,本质上,它采用的类似卡片式设计的思路——用不同的卡片来归类内容。

相对而言,使用有差异但是不那么显著的不同色块来作为背景,在保证整体整洁的同时,起到了区分的作用。
 
7. 「字」尽其用

谁不喜欢漂亮的字体呢?当然都喜欢,但是字体的功用其实各不相同。从呈现正文的强可读性文本,到装饰性极强的视觉化字体,各种不同的字体需要应对不同的功能。

简单看看几种不同类型的字体:

1. 衬线字体:Serif 本身就是衬线的意思,这样的字体字符的末尾通常是会有小的装饰性的衬线。衬线除了装饰性以外,还能强化字体的可读性。常见的衬线字体:Georgia,Times New Roman,Cambria。

2. 非衬线字体:也就是 Sans-Serif 字体,它相对而言更加现代,衬线被去掉之后,线条感更强,更加干净,也更加贴合数字时代的一些显示需求。常见的非衬线字体:Helvetica,Montserrat,Gotham。

人们通常会认为,衬线字体更加适宜长时间阅读,它也更多地运用在印刷品上。然而衬线字体的衬线和边角大多更加锐利,在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要求的时代,衬线字体的显示问题很大。当然,如今屏幕分辨率提高起来之后,这个问题几乎不存在了,只是在小字号和低分辨率和小屏幕上,依然存在这个问题。

3. 手写字体:手写字体通常被认为是手写风格的字体,在呈现的时候,常常会有连写的笔画,更贴近传统的书写字体所呈现出来的效果。手写字体更加随意和有趣。常见的手写字体包括:Alex Brush,Great Vibes,Sofia。

4. 展示性字体:展示性字体是一个功能导向型的分类,通常指的是用来作为标题展示、用于海报、徽章等地方的字体,它们表现力更强,视觉特征更突出,直言不讳地说就是为了吸引用户的注意力。常见的展示性字体包括:Algerian,Curlz,Gigi,Umbra。
 
在网页设计中,绝大多数情况下都只会使用衬线字体和非衬线字体两种,在英文网站当中,通常会采用一种衬线字体+一种非衬线字体的搭配方式。注意,如果有不同粗细和字重的字体,使用同一字体族中字体为好。在中文当中,开源且可以免费商用的「思源黑体」和「思源宋体」是一个设计中非常常见的选择。

在进行视觉设计的时候,我坚持使用2种字体,极少会使用3种字体,后者最多会在强调视觉的商业或者艺术性项目当中使用,比如 Banner 和海报。

结语

我真心期望这样的小技巧能够帮你做出好的设计,无论你是设计师还是其他职业。很多时候,设计是灵活的,是基于感知的,有方法可供遵循的,尤其当你仔细观察一些现有的好设计,会发现有很多这样的小技巧。观察共性,仔细感知,总结经验,你也可以。 查看全部
也许你是个新手设计师,也许你是个有着丰富开发经验的开发者,但是有需求让自己设计的网页和UI看起来更像那么一回事,至少看起来不是一个外行的手笔。

那么今天的文章应该能够帮到你。在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。改进设计这件事情,经验和技巧往往能让人少走弯路。

闲话少叙,下面我们具体看看。

1. 按钮色彩凸显重要性
在给用户提供多个选择的时候,可以通过色彩所传递的情绪是积极还是消极的,来简单快速地进行设计。
 
实际上,红色和绿色按钮的色彩含义,已经横跨物理世界和数字设计领域,我们每天在很多实体产品上也能看到类似的设计,包括交通上的红绿灯,警告标识,以及实体按钮。

绿色表示通行,红色表示禁止。如果用户需要购买一个漏斗,你希望感兴趣的用户赶紧点击,而不是取消。

另外,如果你的网站或者 APP 涉及到重要性不同的若干交互,除了按钮都要标识出相应的文本标签内容以外,还可以借助色彩填充与否来进一步区分层级结构。
 
有色彩填充的按钮、幽灵按钮(无色彩填充、有边框)以及无边框无填充按钮来区分。 而在少数情况下,对于系统有重要影响的、破坏性的或者限制性的按钮,也应该突出显示,但是可以使用红色来进行强调和警告。这个时候,相对的「非负面」的按钮则被视作为重要性较低的操作。
 
简而言之,实际上用户用来区分按钮的核心靠的是感知而非复杂逻辑判断,设计的基本规则在上面,但是更重要的是要基于情绪和感知来进行设计。
 
2. 用字重和明暗来区分层级

尤其是在构建文本内容的视觉层级的时候,可用到的属性很多,只使用大小差异来构建就显得过于单一了。

在很多时候,可以借助色彩、字重、明暗来进行区分。我们可以让更重要的文本更大、字体更粗、色彩更加鲜明,或者使用更深的黑色来呈现。
 
3. 用留白来隔离元素

两个元素互不相关,如果想将它们分隔开来,使用分割线似乎是一件理所当然的事情?当然可以,但是这种方式真的是非常过时且笨拙的一种呈现方式。你需要的是更好、更优雅、更贴合当下的一种呈现方式。

不是简单地使用分割线,而是使用留白,或者说负空间来间隔就可以了。分割线在很大程度上是丑陋且难以驾驭的视觉噪音,相对而言留白则好了很多。
 
多数情况下,删除分隔线条是比较快速的方法,当然更多的时候需要你适当地调整一下留白的大小。

使用分割线来分隔内容,不仅会让扫视页面花费更长的时间,而且增加的信息噪音会影响整体的层次结构。
 
4. 用阴影替代边框

想要凸显一些元素,并不一定需要依靠描边。使用阴影则可以起到同样的效果,单独使用则会显得更加整洁。描边+阴影则会显得过于杂乱。

使用相对不那么具有侵略性的小阴影无疑让效果更加轻松,看起来也不会突兀。
 
5. 用色条提升视觉调性

如果觉得内容区块过于单调,可以根据你的目的来强化这一区块的视觉属性。在内容区的一边加上色条能够在提升视觉属性的同时,赋予这一区块内容以情绪。

色条可以是单色的,也可以是渐变的,这取决于你想传达什么样的视觉体验。这个色条还可以具备良好的功能性。当然,这很大程度是用在相对比较素的页面上的,如果页面本身已经很花哨了,就不太用得上。
 
比如使用红色和绿色来标识不同的状态,也可以用色条来标识出被触发的 Tab 或者控件。
 
6. 用背景色区分区块

其实,同样是为了进行区分内容区块和层级,这个方法同样优雅而快速,几乎可以算是毫不费力的一种设计技巧。
 
为了区分两个不同区块的元素,简单地使用不同的背景来进行区分也可以,本质上,它采用的类似卡片式设计的思路——用不同的卡片来归类内容。

相对而言,使用有差异但是不那么显著的不同色块来作为背景,在保证整体整洁的同时,起到了区分的作用。
 
7. 「字」尽其用

谁不喜欢漂亮的字体呢?当然都喜欢,但是字体的功用其实各不相同。从呈现正文的强可读性文本,到装饰性极强的视觉化字体,各种不同的字体需要应对不同的功能。

简单看看几种不同类型的字体:

1. 衬线字体:Serif 本身就是衬线的意思,这样的字体字符的末尾通常是会有小的装饰性的衬线。衬线除了装饰性以外,还能强化字体的可读性。常见的衬线字体:Georgia,Times New Roman,Cambria。

2. 非衬线字体:也就是 Sans-Serif 字体,它相对而言更加现代,衬线被去掉之后,线条感更强,更加干净,也更加贴合数字时代的一些显示需求。常见的非衬线字体:Helvetica,Montserrat,Gotham。

人们通常会认为,衬线字体更加适宜长时间阅读,它也更多地运用在印刷品上。然而衬线字体的衬线和边角大多更加锐利,在一定程度上会被视作为视觉噪音。在屏幕分辨率尚且达不到要求的时代,衬线字体的显示问题很大。当然,如今屏幕分辨率提高起来之后,这个问题几乎不存在了,只是在小字号和低分辨率和小屏幕上,依然存在这个问题。

3. 手写字体:手写字体通常被认为是手写风格的字体,在呈现的时候,常常会有连写的笔画,更贴近传统的书写字体所呈现出来的效果。手写字体更加随意和有趣。常见的手写字体包括:Alex Brush,Great Vibes,Sofia。

4. 展示性字体:展示性字体是一个功能导向型的分类,通常指的是用来作为标题展示、用于海报、徽章等地方的字体,它们表现力更强,视觉特征更突出,直言不讳地说就是为了吸引用户的注意力。常见的展示性字体包括:Algerian,Curlz,Gigi,Umbra。
 
在网页设计中,绝大多数情况下都只会使用衬线字体和非衬线字体两种,在英文网站当中,通常会采用一种衬线字体+一种非衬线字体的搭配方式。注意,如果有不同粗细和字重的字体,使用同一字体族中字体为好。在中文当中,开源且可以免费商用的「思源黑体」和「思源宋体」是一个设计中非常常见的选择。

在进行视觉设计的时候,我坚持使用2种字体,极少会使用3种字体,后者最多会在强调视觉的商业或者艺术性项目当中使用,比如 Banner 和海报。

结语

我真心期望这样的小技巧能够帮你做出好的设计,无论你是设计师还是其他职业。很多时候,设计是灵活的,是基于感知的,有方法可供遵循的,尤其当你仔细观察一些现有的好设计,会发现有很多这样的小技巧。观察共性,仔细感知,总结经验,你也可以。

UI / UX设计如何积极影响搜索引擎优化

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

                                                                   



顶级应用程序开发公司已经充分意识到搜索引擎优化的好处。对于一些人而言,这可能是一个流行语,但那些在所选行业中为自己命名的人都知道,没有什么比事实更进一步。用户体验设计和用户界面设计在搜索引擎优化中也起着重要作用。
实际上,UI / UX Web和应用程序设计是获得第一印象的主要关键。应用程序或站点的设计及其可用性将决定浏览器是否被强制返回。反过来,这会影响客户在搜索引擎优化方面的成功程度。
要了解有关UI / UX Web设计可能对搜索引擎优化产生的积极影响的更多信息,请务必仔细查看以下指南。那些希望为自己赢得更多名声的人也希望在做出决定之前咨询顶级应用程序开发公司。
 
1.更快的网站和应用程序

现在是企业面对某些事实的时候了。顶级应用开发公司总是让客户了解速度的重要性。换句话说,网站或应用需要快速加载。该网站或应用程序还必须提供快速导航。如果网站或应用程序没有快速加载,它将在搜索引擎排名中受到影响。事实上,缓慢的网站可能永远无法从这些损失中恢复过来。
攀登搜索引擎排名非常具有挑战性。这是所有人中最重要的排名因素之一。那些花时间聘请合适的设计师来获得用户界面和用户体验的人总是会比那些没有这种设计者的人获得更大的成功。
 

2.改进导航
要扩展最后一点,导航至关重要。如此多的网站和应用程序死于葡萄藤,因为它们不易于使用。菜单是否过于混乱或充满了多余的信息?每个网页都有一个菜单吗?访问者在被引导到的地方获得了所有必要的信息吗?这些都是向顶级应用程序开发公司提出的问题。
 

                                                                 



 
 
搜索栏也是绝对必须的。这使访问者不会浪费太多时间。所有菜单都应该易于理解。如果不是,这将激励用户将他们的点击带到其他地方。谷歌并不高度评价那些难以使用的网站,并且它们永远不会排在任何有机搜索的首位。

3.创建必要的标题
在网站和应用程序设计时,并不总是考虑标题。但是,这些标题是用户必须依赖的路线图。愿意花时间考虑这个过程的来龙去脉的用户界面和用户体验设计师总是会获得更大的成功。设计不当的标题将显着破坏搜索引擎排名。

搜索引擎抓取工具无法在这些实例中轻松了解网站的用途。正确的标题使搜索引擎索引器更容易知道发生了什么,并使浏览器的生活更轻松。不要在网站或应用上使用太多标题和标签。这是顶级应用程序开发公司将始终引导客户远离的东西。

4.会话持续时间更长
一个精心设计的网站或应用程序总是会吸引更多的访问者,但他们愿意留多久?这是需要回答的真正问题。网站或应用必须提供引人入胜的内容。从那里,必须考虑广泛的其他排名因素。任何希望提供商品和服务的公司都希望最大化会话持续时间。
 
 
 
 
 
 
 
  查看全部

                                                                   
图片1.png

顶级应用程序开发公司已经充分意识到搜索引擎优化的好处。对于一些人而言,这可能是一个流行语,但那些在所选行业中为自己命名的人都知道,没有什么比事实更进一步。用户体验设计和用户界面设计在搜索引擎优化中也起着重要作用。
实际上,UI / UX Web和应用程序设计是获得第一印象的主要关键。应用程序或站点的设计及其可用性将决定浏览器是否被强制返回。反过来,这会影响客户在搜索引擎优化方面的成功程度。
要了解有关UI / UX Web设计可能对搜索引擎优化产生的积极影响的更多信息,请务必仔细查看以下指南。那些希望为自己赢得更多名声的人也希望在做出决定之前咨询顶级应用程序开发公司。
 
1.更快的网站和应用程序

现在是企业面对某些事实的时候了。顶级应用开发公司总是让客户了解速度的重要性。换句话说,网站或应用需要快速加载。该网站或应用程序还必须提供快速导航。如果网站或应用程序没有快速加载,它将在搜索引擎排名中受到影响。事实上,缓慢的网站可能永远无法从这些损失中恢复过来。
攀登搜索引擎排名非常具有挑战性。这是所有人中最重要的排名因素之一。那些花时间聘请合适的设计师来获得用户界面和用户体验的人总是会比那些没有这种设计者的人获得更大的成功。
 

2.改进导航
要扩展最后一点,导航至关重要。如此多的网站和应用程序死于葡萄藤,因为它们不易于使用。菜单是否过于混乱或充满了多余的信息?每个网页都有一个菜单吗?访问者在被引导到的地方获得了所有必要的信息吗?这些都是向顶级应用程序开发公司提出的问题。
 

                                                                 
3.png

 
 
搜索栏也是绝对必须的。这使访问者不会浪费太多时间。所有菜单都应该易于理解。如果不是,这将激励用户将他们的点击带到其他地方。谷歌并不高度评价那些难以使用的网站,并且它们永远不会排在任何有机搜索的首位。

3.创建必要的标题
在网站和应用程序设计时,并不总是考虑标题。但是,这些标题是用户必须依赖的路线图。愿意花时间考虑这个过程的来龙去脉的用户界面和用户体验设计师总是会获得更大的成功。设计不当的标题将显着破坏搜索引擎排名。

搜索引擎抓取工具无法在这些实例中轻松了解网站的用途。正确的标题使搜索引擎索引器更容易知道发生了什么,并使浏览器的生活更轻松。不要在网站或应用上使用太多标题和标签。这是顶级应用程序开发公司将始终引导客户远离的东西。

4.会话持续时间更长
一个精心设计的网站或应用程序总是会吸引更多的访问者,但他们愿意留多久?这是需要回答的真正问题。网站或应用必须提供引人入胜的内容。从那里,必须考虑广泛的其他排名因素。任何希望提供商品和服务的公司都希望最大化会话持续时间。
 
 
 
 
 
 
 
 

5个设计小技巧

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

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 个评论 • 93 次浏览 • 2019-07-18 14:53 • 来自相关话题

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

           



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

           



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

           
v2-7849ccbd318caa6802777f6c37faf960_hd.jpg

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

           
v2-bd14e9880b769dff058cccd644468c35_hd.jpg

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

设计方案决策指南

寇老师 发表了文章 • 0 个评论 • 132 次浏览 • 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 个评论 • 108 次浏览 • 2019-07-12 10:00 • 来自相关话题

                                                                 









 
                                                                 
100040jjwsqo5fpbzomj5f.png


100040iatoyr3bixabxg6b.png

 

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

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

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

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

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

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

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

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

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

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

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

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

李老师 发表了文章 • 0 个评论 • 135 次浏览 • 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 个评论 • 267 次浏览 • 2019-07-11 10:52 • 来自相关话题

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

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

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

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

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

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

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

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

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

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





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

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

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

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

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

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

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

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

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

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

6369723877160923841880146.jpg

 

如何评价腾讯新字体

刘宇昆 发表了文章 • 0 个评论 • 128 次浏览 • 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

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