程序员眼中最牛的UI设计师是怎样的?

I设计师是唯一要和程序员合作的设计师职业,我们看多了相互取笑的段子,那么怎样的UI设计师会是程序员眼中最牛的呢?这其中有3个层次。


1.懂UI

没错,首先是懂UI。UI设计师设计的是人机交互界面,界面的载体是设备。这是区别于其他设计师的地方。不同设备又有它的特性和要求,了解设备知识是程序员和设计师共同的目标,也是他们找到共同语言的基础。

设计师需要了解这些东西:

可控制的基本属性:字体,字形,字号与单位,高宽、间距留白,颜色(256色,RGBA)、渐变,圆角,透明度,阴影,对齐方式,层级。

系统自带组件(导航栏、菜单栏、任务栏、对话框等)的大小、样式风格、交互形式、版本差异。

自定义组件:1/2/3级标题、正文、提示框、按钮、弹窗、选择框、下拉列表、图标、各种卡片……

状态变化:普通、悬停(hover)、选中/激活(selected/active)、不可用(disabled)。

动画:位置、大小、颜色、透明度、形状的变化,并可控制时长、速度曲线、循环。

栅格:2、4、8、16、32的倍数对齐。

屏幕适配:大小、高宽比,像素密度(2x、3x,hdpi、xhdpi……),组件的可变大小规则。

多语言适配,兼容文字最长的语种


2.懂规范

初级设计师更想多做练习,每个项目甚至每个需求都发挥一次创意。渐渐地,在重复劳动中知道了要把某些东西固化利用,既可减少自己和程序员的工作量,又能统一设计风格,于是就产生了规范。规范化是提高设计师和程序员间协作效率的最佳实践。可进行规范化的东西有这些:

基本属性

各平台(iOS、Android、Windows)下的设计风格规范

自定义组件

切图:文件命名规范(全小写英文,下划线连接),什么情况需要带透明边框

标注:要标齐,所有大小均为偶数

设计迭代:稿件版本号管理

维护:管理所有用到的切图,每次产品迭代除了新增图外还会剔除掉废弃的图后才整体地给程序员

这些规范的确定,除了依赖设计能力,还需要了解开发的实现机理。要知道开发限制,不能做出难以实现的效果,同时衡量好开发和维护成本。例如理解“以左上角为原点坐标系”的开发定位机制才可以把标注都标齐;web项目的字号不能低于12px,否则最新的浏览器上不会生效等。

另外,执行规范是否到位是程序员和设计师互相评价的标准之一,这要求双方都足够地细心。在验收时会纠结1px或1数值颜色偏差的设计师,不仅不会被嫌烦,反而会被认为是敬业的表现。如果哪一方能利用或研发出工具——比如自动标注或代码级核对检验等——来增强协作,那肯定会被当成神一样的存在。


3.懂设计

审美是每个有感情的人都具备的,如果UI能让技术在日常工作时也看得赏心悦目那自然备受尊崇。到了这个层次,对UI设计师的要求又回归到设计本身,最基本的就是要把通用的设计手法很好地结合业务运用到产品上。

下面这些创作手法和意识的运用,在项目组眼中都是专业的体现:

色彩运用

根据业务目标渲染情绪氛围。比如电商网站用红、黄为主色调,以引起用户兴奋,一个冲动就产生购买行为。

符合产品特性,比如绿色代表安全,蓝色代表科技

符合用户特性,综合考虑性别、年龄等因素,比如粉色适合女性,艳丽色适合老年人

层次感强,突出重点

风格把控,迎合用户群体喜好,例如:柔和、青春、稳重、拟物等

炫酷又不喧宾夺主的动画

个性化,比如换肤

这其中某些部分可以说是视觉设计师的技能,其实UI设计师向其它设计领域渗透是设计水平到一定程度后的自然升级。可以往这些方面拓展:

广告和平面设计

设计理念:能向项目组成员说清楚这样设计的思路和好处,以及想通过设计来传达什么信息给用户

非功能性区域(例如引导页)的营销文案

运营物料的设计

交互设计

接管产品经理的职责,根据业务流程直接设计界面和交互流程

熟悉用户体验理论和优化方法

熟悉平台特色的人机交互指南

明确业务导向的设计目标,例如引导用户冲动消费

VI设计

从产品UI演化到企业logo、slogan

吉祥物设计

UI设计扩展影响到公司名片、包装、邮件签名栏等

产品设计

能指正产品文档上的交互逻辑疏漏

研究竞品的设计理念并超越

网页设计

前端是最贴近UI设计师的开发工作,懂点HTML/CSS/JS也就更懂程序员了


最后,和程序员一样的是,设计师如果能提高英语水平,直接阅读学习国外资料,会非常有助于紧跟国际设计潮流、提升技能。毕竟操作系统和UI设计潮流多是外国人发明和引领的,我们期待在国内出现业界的带头大哥。


转载来源:https://blog.csdn.net/hursing/article/details/84395402

图片来源:unsplash

感觉有用的小伙伴赞点个赞赏哈,给小编一些奖励。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容

  • 农历九月十六(2018.10.24)周三 晴 中午接到高老师来电,说彧宝肚子疼,近期很多孩子都肠胃不舒服。彧爸稍微...
    亦然爱彧阅读 110评论 0 0
  • 文/影子 在迪拜生活了将近八个月,回到祖国怀抱,才痛定思痛写下这篇文章,主要因为太懒。 常常看有的人写两三千游这里...
    我是马依云阅读 382评论 0 0
  • 很多女人都舍不得花钱,报名参加培训班嫌太贵,尤其是为自己都舍不得买一件漂亮的裙子,一盒像样的化妆品,他们总想着省钱...
    魏亭亭阅读 946评论 11 40
  • 忽闻琴声。 琴声悠远,携着一丝苍凉。我恍若看见一个孤独的身影在无垠空间里飘荡。有山,山影在烟岚里渐淡;有水,水声在...
    胡清隐阅读 325评论 0 0
  • 可能是用了15分钟塞在了上班的路上
    故事外婆阅读 220评论 0 0