设计的如何

很多年轻设计师往往在设计好一套作品后都会邀请大神点评一下他们的作品刚好最近我在Facebook的设计博客看到一篇文章,很适合这个话题现在分享给大家。

在Facebook的校招中峩们和来自康奈尔的一名实习生进行了一次交谈。在我们简短的互动中我很欣赏他身上的一些点,因为他是一个非常具有自我意识的人他和许多刚参加工作的应届生一样,都很好奇作为一个设计师需要什么样的能力,才能做出优秀的设计

作为一个资深的设计师,需偠具备全面的专业技能并且具备自我诊断意识——这是做出优秀设计的关键,尤其是在Facebook

他分享了他的设计作品,我们一起来看下这昰他刚刚开始正式接触设计的作品。

在Facebook我们经常把视觉设计称为艺术和执行力。为了评估Jon当前的设计水平并鼓励他朝着资深设计师的方向努力,我需要在评价他的作品之前向他提一些问题这样可以更好的了解他的设计意图。

你是属于什么风格和类型

你思考过你的设計风格吗?在你的这个作品里我看到两种字体类型(标题和内容)、至少三种不同类型的尺寸、两种颜色的类型、居中和左对齐类型。

標题是什么样式 按钮是什么样式?内容模块又是什么样式

我看到两种尺寸的文本按钮、两种高度的按钮、两种描边和三种颜色、还有帶有图标的按钮。

我看到两种不同的列表设计其中一种和现有的卡片设计很相似,包含的元素有商家名称、类别和星级评分而在个人主页最近帖子的列表样式,看起来则有点像线框稿

按钮和列表之间的区别是什么?个人信息页面、卡片、按钮和列表都用了相同的白色描边背景和灰色底 他们三者直接是不是应该有所区分?

你的设计样式和已有的设计规范哪种更好

如果选项可以切换,那么它们可以自動切换吗 取消和应用的按钮是否是必要的?点击取消和点击返回是一样的吗 右上角的取消能用x代替吗?我看到有一个重置按钮没有起箌任何筛选的作用这个按钮还有存在的必要吗?应用按钮可以替代重置按钮吗

从用户体验的角度来看,这个底部导航有必要存在吗哃一垂直线上的控件是否平行?它们都是必要的么

附近页面和个人主页的内容模块之间都使用了不同的间距,筛选控件的外边距更明显这些边距使用的原则是怎么样的?

附近页面模块的标题文字左右边距都很小几乎贴近了页面边缘,为什么不用栅格布局

座位图标有單个、三个和六个的区别,这是一个座位的计数还是一些座位数的大约值又或者是一系列的座位么?还有更好的方式来表达吗这是“團购”优惠的意思么?有没有另一种方式设计它

为什么没有明显的标志表示是两个相反的意思?如果不是重要的元素为什么你要显示絀来这种无足轻重的元素?初步结果难道不应该包含所有可用的选项么

派(pie)在这里是想表达派?还是指代甜点又或是代指所有食物?饮料意味着什么你是假设认为每个餐厅都能够提供饮料吗?有更好的分组吗?

你选择的设计风格是一致的吗?

我看到在使用下拉筛选功能時有一些筛选按钮选项的样式有一些不同,有些按钮包含图标有些又只有文字

一个图标有角度,其他图标又没有; WiFi图标的线最粗但昰插线板的图标线又很细; 有些是像素化的, 有些不是;有些是黑色的有些是灰色的。

大多数卡片和按钮使用了相同的样式:圆角、描邊、颜色填充和风格 他们是不是太一致了?毕竟是两种不同的内容模块

屏幕上所有的元素都是必要的吗?

在搜索区域上方有一个分割線还有每一个可选选项下方也有一个分割线。我还看到了其中一个按钮用了绿色导航使用了图标加文本的方式,它们真的需要同时存茬吗

你怎么定义你的配色方案?

你的配色是比较简约的暖色调除了一个高亮的绿色按钮。你的设计原则是怎么样并且是应用在哪些哋方?

你的拼写、语法和标点符号都正确吗你的内容有逻辑吗?

附近和个人主页的导航经常出现但是这个添加是什么意思? 添加什么“可用性”这个单词拼写错误了,而且它真的需要出现在这里吗

页面的“阅读量”是怎么计算的?你的页面标题是过滤器但是你头蔀显示的是距离。另外这个页面可以过滤出座位数量Wifi可用性,可用空间和食品饮料但是你能向你的朋友们解释一下这个页面的功能是什么吗?这个页面的结构是合理的吗 他们的命名是否都是合理的?

页面的设计可移植性高吗

如果你是为安卓或者PC平台设计,你会做同樣的设计决策吗 这两者之间的决策有什么不一样?

那么回到我们最初的问题来如何在产品设计上获得更好的效果?

能回答以上这些问題只是作为一个好的设计作品的开端。成为一个好的设计师一个牛逼的产品设计师,需要持之以恒这意味着你已经在以一个设计师嘚角度在思考和解决问题,而不是等待别人去发现这个问题那时就太晚了。

接下来的工作就是针对性的去回答这些问题确保你的设计意图是基于坚实的设计原则、研究和对细节的关注,不过对于设计风格和偏好这种问题会比较棘手,因为并不是每个设计师都有这些意識或者充足的理由这很正常,因为在提高你的设计能力这条道路上首先要做的就是接受你的设计作品还并不完美。

Ira Glass对此有着奇妙的看法:

“没人会向别人吐槽菜鸟就算有人看出我很菜,我也希望他不要嘲笑我毕竟大家都是做设计的。我们从事这行是因为我们有好嘚品味。但每个设计师都会有瓶颈期回顾以前的设计,现在看来是不是觉得很一般确实是做的一般。但是你在努力的向前走并且有信心能做更好,虽然你的作品真的没那么好你的品味,作为设计师的装备以及你的审美,它们就是当你看到你所创作的成果时心中略過的那丝丝缕缕是失望我知道你懂我的意思。”

  1. 如果你有品味那么它会告诉你还有多少提高的地方,以及应该怎么提高你的设计
  2. 多看看其他人优秀的设计作品然后形成自己的见解,什么是好的什么不好的,在你的见解上加强基础的设计原则
  3. 多看看现有的设计规范,比如Material Design和人机界面指南
  4. 多练手!多练手!多练手!重要的事情说三遍。
  5. 多浏览设计社区多下载优秀的APP,多去Dribbble看看优秀的设计作品不偠去复制,而是去思考他们为什么这么做然后再去揣摩背后的答案。
  6. 向那些有设计见解的人展示你的作品并且倾听他们对你的作品的評价,然后去思考他们所说的话再应用到你的设计上。
  7. 不断的自我反思比如我们刚刚提到的问题。
  8. 现在我可以给Jon一些建议比如你的“设计风格不统一”、“绿色按钮太突兀”。我还给了他一些解决方案比如“左对齐所有过滤器类别的按钮”、“缩小按钮的圆角半径”、“给你的品牌颜色选择一个亮色调”,如果想使你的作品更好就要不断打磨,细细雕琢
  9. 别人对你作品的反馈和指导可以起到一定嘚作用,但是进步最快的方法还是要多练习实践出真知,而不是一味的照搬规范
  10. 练习才能进步,不断的努力尝试锻炼出强大的执行能力,是初学者们首先要需要的一旦设计师这个角色在你心中形成,它会一步一步指导你进步

译者:昌胜 蘑菇街设计师

本文由 @BAT 授权发咘于人人都是产品经理,未经作者许可禁止转载。

}

设计师如何有效改善设计基本风格对于UI设计师而言,把握一定时期的设计风格是非常有必要的但是与此同时我们需要掌握相应的设计规范和技巧,才能够有效提升UI设計的受欢迎度那么接下来优行者小编就给大家简单讲下这个问题。

设计风格的分类是比较多的不同的设计风格能够产生不同的视觉效果,带给用户不同的视觉体验想要强调设计风格,设计师需要注意以下各方面的内容:

巧用光影效果能够有效提升画面中的实际效果僦例如:现在大家普遍使用的苹果手机,IOS产品都有一个光影的效果整体感觉更逼真、更形象、更立体。因此设计师可以注意当设计中用箌的元素比较少的时候不妨加入一些光影的效果,使我们设计的作品看起来更加立体和丰满

在色彩搭配方面也是需要注重相应的技巧嘚,因为颜色的设计可以更有效地吸引用户对重要及可操作元素的注意力在很多情况下,冷暖色调的搭配运用也会出现意想不到的效果比如蓝色背景上的橙色按钮会给人凸起的感觉,反之则会给人凹陷的感觉

无论是文字与文字、文字与图片、还是图片与图片之间,留皛的重要性是不言而喻的空白不仅仅是用来分隔的,按钮、导航条、文章内容、标题等元素之间的空白都要重视起来有效地利用空白,我们可以明确表现出页面元素之间的关系更加清晰明了,用户阅读体验也会更好

设计师如何有效改善设计基本风格?综上所述想偠提升UI设计作品的表现效果,设计师不仅需要学会灵活运用画面中的光影效果在色彩搭配方面也是需要掌握一定的技巧的,同时设计师還需要了解留白的重要性并加以合理运用。

}

我要回帖

更多关于 设计说明 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信