一只设计师的工作小结:在想好之前,先克制你的表达欲

我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。


我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。

一只设计师的工作小结:在想好之前,先克制你的表达欲

网易红彩1.0版本·视觉

通常来说,界面设计工作是在原型图之后开发之前,原型图的构架关系在一定程度上会影响到界面的设计的发挥余地。所以设计师同学要积极的参加到前期各个环节中。站在各个职能的角度上环视产品需求给出视觉体验建议,方便更好的开展今后的设计工作,了解和确定产品属性以及基调。

一个好的app视觉在一定程度上反映了产品的精神面貌以及品牌调性,同时也带给用户易懂且操作舒适的使用体验。

在产品界面设计之前,首先需要了解前期产品的一些数据和分析,用以支撑接下来设计工作的论点和依据:

产品目标用户人群和消费情况

调研结果表明人们每月用于互联网彩票消费的额度较高,同时互联网购彩者以男性居多,购买能力更强。另一方面,网易的用户以30岁以上的男性用户为主,这样的用户构成,也对网易的彩票销售起到了促进作用。

一只设计师的工作小结:在想好之前,先克制你的表达欲

产品方向

以竞彩专家推荐为主要特色的足球、篮球赛事分析类App

体彩市场情况以及竞品分析

目前,体彩市场主要细分为彩票售卖、付费阅读、虚拟游戏三个领域。其中彩票售卖由于已经被叫停,故不在此次讨论范围之内。

主要竞品

竞彩猫、球商、小刀汇、精彩说等

一只设计师的工作小结:在想好之前,先克制你的表达欲

竞品概况(视觉角度)

产品视觉角度分析:整体产品视觉不统一,且界面中层级关系混乱。竞品在用户体验上是低于整体app业内水平

设计方向

根据以上数据分析归纳产品的设计方向应为:层次鲜明 ,内容突出 。男性用户更为理性,尽量减少过多结构视觉样式的表现,保持统一性且结构鲜明流畅,更突出内容和数据的呈现。在产品之初,不断在颜色和细节等方面渗透品质与品牌感。由于项目属于为专业竞猜用户服务的产品,专业内约定俗成的一些规范和特定的一些色彩搭配的含义可以诱发用户的一些直观情绪,设计中必须要考虑到避免使用一些不合时宜的色彩。

设计思路 UI部分

1、首页主视觉部分

从业务和需求角度考虑,首页信息尽可能展现更多信息,在界面设计语言表现上需要尽量扁平处理,用颜色或者模块区分不同层级的信息。主次分明,做到能用一种维度区分,就不做两种处理。统一同类内容和模块以及元素,更好的呈现卡片内容和每个卡片之间的逻辑关系。在内容化设计上给出更明确的认知,辅助用户在使用场景下,快速找到需要获取的信息。

专家推荐部分间隔较阅读类产品稍大些。希望在头像和名称部分增加一下视觉通透感。用户浏览起来减少疲惫,处于舒适状态。方案卡片右下空间也是同理。

一只设计师的工作小结:在想好之前,先克制你的表达欲

首页做了无顶部导航栏处理。从业务和用户角度考虑,第一屏作为重要信息流展示,需要展示更多信息,设计规划业务内容需要更多展示空间。

整个首页信息流分为个三个模块“专家推荐 ”“推荐方案” “编辑精选” 。为了减少用户的认知成本并且不增加结构的复杂性,一个页面不适宜超过三个不同样式,所以在编辑精选卡片中有无数据都做了统一处理。

2、专家个人页视觉部分

专家个人页模块中,为了不增加样式的复杂性,专家介绍文字和数据收录在一个卡片中,且数字和文字组合版块需要适当增加留白空间,调整到最平衡的视觉结构,又通过这些空间突出了需要呈现的信息层级,符合视觉规律。

根据页面属性的需求,专家个人页的顶部用了个性化的背景设计却不花哨。突出专家个人的信息呈现。层级清晰,主次分明。

一只设计师的工作小结:在想好之前,先克制你的表达欲

其中尽量将同类型场景、内容模版统一,达到简明统一的效果。比如专家关注和首页保持模块统一,关注专家页面和主视觉保持平衡等。产品内部,同类属性标签样式和颜色统一,如命中率标签等,解决用户对同类型场景的认知和统一视觉感受,浏览更流畅舒适。

一只设计师的工作小结:在想好之前,先克制你的表达欲

首版本之后马上会有优化,其中有很多需要完善的部分,比如动效,文章中这里说的是只一种工作方法,如何通过立flag,完成UI的产出过程。整体遵循的原则应该是整体视觉的统一性  信息呈现富有层次性和分布逻辑具有组织性。

其实,界面设计是一种视觉语言,产品用这种语言与用户沟通,用户在什么样的场景下使用产品,和产品的交互过程中,激发了用户的那些情绪,当这些情绪出现,我们的设计语言是激励还是安抚体谅?我们需要做的是用设计语言完成与产品交互之间的平衡,给用户带来更好的体验甚至小惊喜。

产品设计过程中需要有自己的理念,它不仅仅是狭隘的扁平化或者拟物化,这只是表象。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。

我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是,克制你的表达欲。

 

作者:cain lynn

来源:ME网易移动设计

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/23398/

(0)
CatherineCatherine
上一篇 2017-05-05 06:44
下一篇 2017-05-05 08:54

相关推荐

  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 新一轮文案大比拼即将到来

    #微博桌面美图##奶茶妹妹# #奶茶刘强东分手# #苏宁易购5亿年货红包疯抢# #axure##Axure##干货分享#  我只想说 呵呵!!偷笑偷笑偷笑偷笑

    2015-01-08
  • 交互设计申请竞争白热化,你该如何“杀出重围”?

    只要你想改变自己汉艺陪你死磕到底对于学习交互设计的同学来说,多数同学的作品集项目最终效果是这样的:这样的一个网页,几个app界面的最终效果图在各大设计网站,更是一抓一大把,导致很多同学对于交互设计的认知更多的停留在网页设计或者app设计上,浏览越多案例,思维越被局限。如果一个交互作品集中四五个项目全是这样的“大众脸”,想要从全球大量相似的“竞品”中脱颖而出,吸引到考官注意力,可以说困难重重。本期文章,为了让大家的作品集能够在全球竞争中脱...

    2018-02-03
  • 你家的产品是不是什么都做?那他该不该做交互设计?

    在BAT这样的大公司中,很多产品经理是不会去做交互设计的,因为分工很细,有专门的交互设计师来负责交互。而另一种普遍的现象,在很多中小公司,是没有交互设计师这样的岗位的,交互设计工作是由产品经理来代为执行…

    2015-07-14
  • 像一个APP设计者一样去思考

    随着移动互联网发展,移动应用程序视觉设计流行风向推陈出新。 现阶段我需要深入了解新型智能硬件设备,它通常意味着改变我们的思维方式——即使这意味着远离我们之前的网页设计技巧。 我的职业生涯就像许多UI设计者一…

    2015-04-13
  • 产品设计评价技巧的那些事(Airbnb产品设计总监)

    分享者:Katie Dill(Airbnb产品设计总监);译者:夏梦竹、张红月   在产品设计中会存在各式各样的评价,也许评价可能会带有一些意见色彩,但这就是它的价值所在。它让我们明白——为何人们喜爱或是讨厌我们的产品。…

    交互专题 2023-03-03
  • 浅谈“效率导向”的交互设计

    作者: 欢童鞋 周二下午,送妈妈上车后,去奈雪点了杯奶盖,坐在面对门口的位置,看着络绎不绝的人流队伍,除了感叹生意好以及好奇心使然查阅奈雪的开店背景之外,不由的思考“效率”在这里的重要性,店员需要高效为…

    交互专题 2017-12-05
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07
  • 【干货·扫盲】主屏幕尺寸,主屏分辨率,像素密度,PPI之间到底什么关系?

    今天我给大家来讲讲这几个咱们经常打交道的词到底啥意思,以及他们之间到底有什么关系。这篇文章是我花了一个下午从N多篇文章里提炼出的一个白话版,保证让你看得懂。 咱们从手机开始说起吧。先上一张图,给大家看…

    交互设计 2015-09-08
  • 通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

    不单是视觉扁平,交互层级也更加扁平啦~

    2017-05-09