恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
如何在模仿中学习UI设计
0.0°
2016-04-05 原创文章 经验/观点 举报 3395 182 252 8

    最近很多人问我怎么学UI?我的大多答案都是:要在模仿中学习。今天我来给大家讲一下什么叫从“模仿中学UI“。

Image title

     在我们大部分的学术生涯中,我们一直被告知抄袭是要受到处罚的,考试过程中如果被发现作弊甚至会被开除。因此,直到现在为止一提到抄袭并不是一个惊喜,更多带给我们是负面的联想。

但是在UI设计的学习中我们如何“抄袭”呢?

    我打算说一下我最喜欢的动漫——火影忍者。里面最具特色的一个人物叫做卡卡西。卡卡西被大家称作作弊鬼,他的能力是通过复制别人的能力来完善自己,让自己变得更厉害。

Image title

    卡卡西用他的眼睛来复制别人的能力

    这一技能使卡卡西成为火影忍者反派角色中最具威胁的对手之一。

    下面我们开始通过动漫人物学习“复制技能“:“模范和复制”是最有用的学习工具。特别是在UX(用户体验)的学习中,解析和模仿别人的设计思维会为让你的设计思路更加顺畅。


   模仿现有的设计原因有一下几点:

    1、通过解析和模仿别人的设计思维去认识设计。

Image title

    当你想去模仿一个设计作品的时候,你不得不先去分解每一个单独的设计元素。这样做培养出来的设计思维然后设计出来的产品是可以带入到生活中的。这种解释和模仿别人的设计作品,可以让你在模仿别人作品时,通过每一个设计元素去把握整个设计过程。这样的模仿设计就不仅仅是模仿了,而是你真正读懂了别人的设计思维和了解了设计方法,并形成属于自己的设计理念。


    2、训练自己的眼力

Image title

    当你通过模仿别人的设计作品去学习的时候,你开始注意到设计规范。你会神奇的发现你开始注意到表格、标签、页脚等小细节。

    你开始能够认识到每一种设计模式和设计规范,当你有了这样的眼力,你可以轻松的运用这种设计模式建构属于自己的设计作品。

    在学习过程中充分运用你的手,在学习的同时——可以进行书写笔记——并提高记忆力。

    很多UX专家给出的建议是训练手绘也是一种很不错的速记和表达能力。

    假设我们现在有这样一种情况,当你想模仿一个app的线框图时,你可以充分运用你手的能力。因为当你去靠打字记录的时候,你往往不会思考你记下来的东西是什么。


    3、一种更快速的学习方式

Image title

    可以这样说,模仿别人的设计作品是一种简单快速并且前期投入精力会很小的一种学习方式。同按照自己的方式去创新相比较,这是一种更快速的学习方式。

    我了解,你想根据自己的设计能力去挖掘更多的点子,这种做法我很能理解。但是对于脑子里什么都没有的人就开始创新,那这个设计还是比较不切实际。并且对于设计过程中的障碍,设计师也是需要很强的意志力去解决。

    所以,如果你的首要任务是学习UI和UX设计,并且想得到一份工作,做设计模仿是最有效的方式。


下面我会告诉你如何有策略的去模仿设计

    1、模仿你自己喜欢的东西

    让我们做点有趣的事吧。想想我们平时喜欢的、经常用的东西,之后去试着模仿它们的设计。你会惊奇的发现和了解很多关于这些东西的小细节。

    我们需要找一些灵感:


        查找一下你的浏览器记录


        浏览Awwwards,这是一个能提供很多获奖作品的网站


        在Google中搜索关键词,如“best apps”并找到像 Best iOS Apps Honored in 2014 (Cnet) 或获得最佳移动端app奖的作品。



    2、用你的手绘制出来

    我们一提到界面设计最基础的是手绘的时候,不要被手绘吓到。你并不需要去为你画出来并没有多美观的手稿去难过,因为并不是要你去做艺术家。其中的重点在于你只要快速准确的画出设计灵感的框架就可以了。在你要绘制草图的时候,你要注意及标注出核心主要的构成元素的用途以及延伸出来的一些设计创意,这是为你后期的设计做铺垫。就拿web来说,假如你并不清楚哪些是主要的,你可以问一下你身边的设计师朋友。


    3、5度灰

    当你决定用线框图表现出现有的web时,先不用担心配色。使用调色板一个简单的“灰度”来代替。这样做可以给你带来两个好处:


    你可能会被自己正在模仿的web线框图的视觉效果吓到。因此,我们要速度完成。


    颜色的单调会让你把注意力放到功能和布局上。



    Lyft主页的线框图

    Lyft是一个我很喜欢的创业公司。和Uber相比,他们的设计更加温暖、亲和力会更强。所以今天我们把它当做例子,去告诉大家如何模仿。


这是Lyft的主页

Image title


这是线框图

Image title

    如果我能穿越到过去,重新学习UX和UI。我一定会从模仿我所有最喜欢的app和网站开始学习。这会是一种更直接更快速的去了解UX和UI设计的方式。

更新:2016-04-05

收藏

182人已收藏

  • 10

    作品

  • 508

    粉丝

  • 0

    关注

  • 未来五年的表情包预测
  • 品牌设计中,色彩到底有多重要?
  • what?设计师不懂根号矩形?
  • 如何做不low的logo?
相关标签

    猜你喜欢

      2016-04-05 原创文章 经验/观点 举报 3395 182 252 8

      如何在模仿中学习UI设计

      0.0°

      你确定要举报如何在模仿中学习UI设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年03月30日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      252
      182
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录