聊聊UI DESIGN到底做什么的

   新人初涉UI领域,除了掌握必要的技能点,想尽快上手,了解整个设计流程也很重要,今天血儿同学聊聊自己接单的7个步骤,以供参考 >>>

  血儿:UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计。也就是说一般我们接到的是交互稿。

  这时候UI看到一个交互设计,需要考虑的是:

  1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息)

  2、信息重点在哪里?

  3、用户人群是哪一类?

  等等分析都是自己的事。另外,通常我们拿到的交互稿是这样子的:


  产出却要求是这样子的:


  那么这中间的坑和鸿沟就是我们自己填。

  在解决完上面的问题后,我们开始着手UI设计:

  1、从产品需求入手,考虑我们到底要用什么主色调

  比如同样是团购,糯米用的是桃红色,而美团是翠绿色。那么我们在UI设计的时候首先就要考虑主色调的问题。

  2、配色和辅助色用什么颜色

  在考虑到产品气质和品牌色的同事,我们经常要考虑配合衬托产品主色调的辅助色。在不同的产品中,辅助色运用的策略是不同的,比如我们经常说的:邻近色、对比色等。都是我们选择辅助色的方法。

  3、用什么风格来表达

  现在来说,说到风格一句话,扁平风。但是在扁平中也有区别。比如下图,同样是扁平。但是左图微微带有一些光影,而右图是纯扁平。你能说哪个好或者不好吗?不能。


  同样的信息,在UI的表达上也有不同的表达方式。那么只能在具体你的UI设计中去考虑具体你需要用什么风格。这些都是UI的工作内容。

  4、图标化成什么风格

  同样是设置、发现、首页,不同的app在基本结构一致的情况下也有很多细微的差别。倒是是要用圆角的icon、还是直角,是用面还是线形,这背后的设计语言逻辑是什么,设计目的是什么。都是需要UI设计来考虑。

  比如:同样是腾讯的产品,手Q和微信的icon就完全不一样。其原因是由于产品面面对的人群不同,手Q更偏年轻化。同样,你去看陌陌、来往、易信的聊天icon也是不一样的。这都是需要UI设计师一点点抠细节的去画出来的。

  5、如何表达情感化设计

  在一些细节页面我们常常要考虑情感化设计,以此来提升app的品质,降低用户在异常情况下 的挫败感。同时好的设计师还会考虑到如何引导用户去解决,从而满足产品诉求。不同的产品在做情感化设计的时候方式方法不同,风格也不一样。这些也都是需要UI设计来处理的。


  6、动效如何做

  因为手机交互是动态的。所以我们如果可以用在一些跳转页面引用动效设计,无意是对整个app加分的好方法。


  原图来源于 http://wuweiguo.lofter.com

  7、万年的大头疼图标icon

  一万个人有一万个答案,那么具体怎么做,还是要考虑用户、场景、需求等细节。产品可以提供方向,但是具体的落地还是需要UI设计师来完成。

  8、适配、切图

  也算是万年话题了。你不是做个好看的东西,要能用,开发要能开发。你要考虑iphone456,还要考虑不同的安卓720/1280/1920,甚至有些公司要特殊考虑某些屏幕。

  在某些小公司,UI要肩负和产品一起考虑交互的问题。这时候经常需要UI在自己储备足够的视觉设计能力的同时有良好的交互设计能力。

时间: 2024-08-30 04:49:26

聊聊UI DESIGN到底做什么的的相关文章

UI设计师到底是做什么的

  UI到底做什么,要从UI接到的工作流程来说--产品/交互/设计.也就是说一般我们接到的是交互稿. 这时候UI看到一个交互设计,需要考虑的是: 1.这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息) 2.信息重点在哪里? 3.用户人群是哪一类? 等等分析都是自己的事.另外, 通常我们拿到的交互稿是这样子的: 产出却要求是这样子的: 那么这中间的坑和鸿沟就是我们自己填. 在解决完上面的问题后,我们开始着手UI设计: 1.从产品需求入手,考虑我们到底要用什么主色调

UI到底做什么

  UI到底做什么,要从UI接到的工作流程来说--产品/交互/设计.也就是说一般我们接到的是交互稿. 这时候UI看到一个交互设计,需要考虑的是: 1.这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息) 2.信息重点在哪里? 3.用户人群是哪一类? 等等分析都是自己的事.另外, 通常我们拿到的交互稿是这样子的: 产出却要求是这样子的: 那么这中间的坑和鸿沟就是我们自己填. 在解决完上面的问题后,我们开始着手UI设计: 1.从产品需求入手,考虑我们到底要用什么主色调

向产品宣战——开发者眼中的Android UI Design

向产品宣战--开发者眼中的Android UI Design 准备了半个月,思考产品设计.交互设计,见证了公司的产品.UE和开发的撕逼,将自己的思考.感悟,整理成下文,谨代表广大程序猿,向设计狮.产品X开战.希望广大程序猿能够坚持贯彻Google的Material Design,切实认真负责的执行Android的设计思想,将MD设计带到产品中去,不做中国特色的App,将Android的开发风气带到正轨,树立正确的开发观.设计观. 希望广大程序猿朋友在博客后面留言.签名,规范Android设计.树

从架构演进的角度聊聊Spring Cloud都做了些什么?

Spring Cloud作为一套微服务治理的框架,几乎考虑到了微服务治理的方方面面,之前也写过一些关于Spring Cloud文章,主要偏重各组件的使用,本次分享主要解答这两个问题:Spring Cloud在微服务的架构中都做了哪些事情?Spring Cloud提供的这些功能对微服务的架构提供了怎样的便利? 这也是我写Spring Cloud三部曲的最后一篇文章,前两面篇内容如下: 中小型互联网公司微服务实践-经验和教训 Spring Cloud在国内中小型公司能用起来吗? 我们先来简单回顾一下

Mobile UI Design Patterns: 10+ Sites for Inspiration

原文:http://sixrevisions.com/user-interface/mobile-ui-design-patterns-inspiration/ User interface design patterns are solutions to common design challenges, such as navigating around an app, listing data or providing feedback to users. Mobile apps and

支付宝登陆ui界面如何做

问题描述 支付宝登陆ui界面如何做 那条蓝色线如何做才有那种效果 解决方案 用 Silverlight 做UI界面 解决方案二: 修改android theme,更系统版本也有关 解决方案三: 开发平台有demo,里面有layout

玖富新的转型到底做什么?以哪个业务作为切入点?

摘要: 成立7年后,玖富时代投资顾问有限公司(玖富),一家以零售金融业务咨询和小微金融管理技术为主营业务的金融顾问机构,试图敲开资本市场的大门. 玖富创始人.总裁孙雷曾供职于香 成立7年后,玖富时代投资顾问有限公司("玖富"),一家以零售金融业务咨询和小微金融管理技术为主营业务的金融顾问机构,试图敲开资本市场的大门. 玖富创始人.总裁孙雷曾供职于香港上市企业高阳科技,并在两年内成为高阳科技金融部总经理.其后,不愿成为高级打工者的孙雷又更换了两次工作,直至自己创业.而孙雷创业的切入点则选

Twitter到底做错了什么,怎么就混到了这样尴尬的境地?

虽然对于很多人而言,这家公司只是一个神秘的404,但对于繁荣昌盛的互联网来说,Twitter却是一个能够代表新媒体.社交平台和移动互联网的成功先驱,曾经一度和Facebook并列社交平台双雄.不过在Facebook.Snapchat等社交平台的用户都蹭蹭往上长时,Twitter的用户增长却停滞不前,营收也一直是亏损状态,因为业绩表现以及未来展望都很难达到市场预期,致使Twitter股价持续下跌,有分析师甚至下了Twitter明年就会被收购的断言,真是一个大写的惨. Twitter到底做错了什么,

联想电视到底做何打算?

摘要: 登顶PC市场的联想集团正在遭遇一场考验,这家靠硬件起家,靠渠道崛起,靠PC成名的传统厂商正在努力补齐其四屏一云的短板:占领家庭中最大的屏幕-电视.面对传统家电厂商的围剿 登顶PC市场的联想集团正在遭遇一场考验,这家靠硬件起家,靠渠道崛起,靠PC成名的传统厂商正在努力补齐其四屏一云的短板:占领家庭中最大的屏幕-电视.面对传统家电厂商的围剿,以及新型互联网公司跨界做电视的冲击,联想电视到底做何打算? 联想集团中国区智能电视事业部总经理任中伟和搜狐家电进行了一场对话,来阐述他眼中的智能电视前景