zoukankan      html  css  js  c++  java
  • UI设计不就是画线框,凭什么年薪30W?

    作为一枚界面设计师

    我真的很想为UI设计抱不平啊!!

    UI设计真是一个备受不解的职业

    常会被误解,然后出现以下场景

    程序欧巴:

    界面画好没?按钮圆的方的不都能用吗?纠结那多干嘛?

    产品经理:

    这次我们就10个页面,半天能够搞定吧,都有交互了。

    其他设计:

    你们不就是画线框图吗?我自学半个月都能转行了

    仿佛全世界都能做UI设计

    只不过你运气好

    碰上了这个事少钱多的行业

    但讲真,UI设计行业远没有想象的那么简单

    举个栗子

    当我们设计一个按钮的时候

    大家都以为的步骤是:

    看看原型图——加个颜色——加个圆角——完工!

    但其实真实的情况呢

    我们先要确定主题色

    “不不不不,绿色太像安全产品了,感觉不符合品牌”

    “诶,红色好像也不太好有点警示作用,怕吓到用户”

    ……尝试24个色之后

    “嗯,还是蓝色保险又好看”

    黑眼圈*1

    然后又开始尝试各种样式

    “圆角太大有点幼稚”

    “没有圆角又太硬朗了吧”

    ……尝试24个圆角像素后

    “嗯,还是5px的圆角最好看”

    黑眼圈*2

    最后开始尝试各种效果

    “投影远了层级关系太大,不好看”

    “投影太浅感知度很弱的,不如不要”

    ……尝试24个设计效果后

    “嗯,勉强就这样吧”

    黑眼圈*3

    据说当年微博客户端的底部按钮改版

    飞机稿壮观成了这样

    最后才有了线上这个样子

    网传的微博底部改版图

    认真的设计精神鼓舞了不少人

    说了这么多,还是有人会说:编辑:千锋UI设计

    “就是你们UI设计师喜欢瞎折腾”

    “按钮深浅有啥影响,能用就行”

    “这行业就是很简单,随便入门”

    呵呵呵呵呵呵呵

    那我们就感受一下

    UI设计好坏如何影响到一个产品

    以下两个界面来自同样的交互文档

    但为什么左图看上去就低端一些呢

    这就是大家留意不到的设计细节

    看似无关痛痒的地方

    就决定了一个UI设计的好坏

    除了右图的简约调整方向

    UI设计师还能从细节着手

    将整体上升一个level

    即使不用操刀大改

    只是调色调位置也能有不一样的效果

    所以是时候放出这张经典的图了

    好的设计都是存在于细节当中的

    小提示:Average Design 与 Good Design 的区别在于 Good Design 在高度上并不是等高的。矩形因为图形特点,在同等宽高的情况下会占有更多的像素,而圆形与三角形如果还保持等高的状态,就会显得小很多。

    So 还会觉得UI设计是画线框图那么简单吗

  • 相关阅读:
    Ajax
    通过浏览器渲染过程来进行前端优化
    渲染树结构、布局和绘制
    JS 和 CSS 的位置对其他资源加载顺序的影响
    Linq中dbSet 的查询
    如何在windows“我的电脑”中添加快捷文件夹
    SQL Server中2008及以上 ldf 文件过大的解决方法
    出现“初始化数据库时发生异常”解决办法
    MVC使用ajax取得JSon数据
    asp.net mvc 使用Ajax调用Action 返回数据【转】
  • 原文地址:https://www.cnblogs.com/leolei/p/9178798.html
Copyright © 2011-2022 走看看