如何设计小学语文教学设计自学提示

除了界面 同时也包括交互部分,逐渐深入可以参考那些书籍和网站。他们需要用到哪些软件?
在知乎上也码了不少字,结合以前的回答,说说我的建议罢。大的要点其实就这么两点:1. 系统的学习与积累2. 不断地思考与动手一、认识 UI 到底是什么很多朋友可能认为 UI 就是画画图标之类的视觉工作,其实不是的。它更重要的是清晰地呈现内容,展示功能,让人高效地工作。一句话概述的话就是:UI 是架接机器与人沟通的桥梁。UI 的中文名是用户界面(User interface),而我们现在使用的大多数设备界面都是图形用户界面,即 GUI(Graphical user interface)。我们通过这些可视化的图形界面来理解计算机,进行工作。但是最初的界面可不这么友好,那时的界面还是命令行界面,CLI(Command line interface)。计算机只是被政府或大型机构使用,在普通人眼中是完全不能理解的存在。 (命令行界面,Bourne shell interaction on Version 7 Unix)而乔布斯一直渴望计算机能进入寻常百姓家。在 1979 年,他「命运般」地参观了施乐公司,然后做了一回搬运工……使得图形界面被应用在 Macintosh 上,还引入了鼠标。苹果电脑大肆宣传其创新的交互界面,Macintosh 的诞生开启了一个新的时代。而那时的界面设计也奠定了现在的计算机界面。你可以发现很多设计,过了几十年依旧被保留了下来。 (1984 年面世的 Mac OS System 1.0)因此 UI 设计师的首要任务是设计一个个图形界面,为的是让人们能够清晰、高效地使用软件。二、优秀的 UI 设计师要掌握些什么我非常鼓励大家学习多方面的知识,而不是视觉就只盯着视觉,交互就只盯着交互。可以在跨学科的学习中慢慢树立自己的专业方向,然后目标成为「T 型」设计师,拥有知识面的广度和专业知识的深度。我前段时间梳理了一个「UI 设计知识库」:(以上内容来自我的专栏:(以上内容来自我的专栏: 。红字是我认为 UI 设计师第一阶段必须要具备的知识和能力。)三、这么多东西该怎么学其实我已经通过上图将知识点很好的归类了,你可以将上图更细分,一个个攻破。我在这也不能具体地说该怎么学画画、怎么学平面,知乎上已经有很多优秀的回答,希望真正好学的人可以自己整理,然后制定适合自己的学习计划。以前还有谈过这个问题也可以应用:一、从整体出发,确切理解自己要做的事。二、理清事情的思路,知道自己如何去做,保证每时每刻都知道自己在做什么。三、落实到每个细节。四、边学边不断地积累这部分我可以通过分享三个回答来说明。第一个是我对于「设计师如何积累素材库」的回答:摘录大步骤如下:第一步、选择优秀的网站第二步、整理收藏夹第三步、如何在工作中应用这些收藏素材(想看详细请点原回答链接)第二个是
对于「设计师如何记笔记」的回答:摘录大纲如下:1. 为什么记笔记?2. 笔记对设计师或设计学生意味着什么?关键字:思路,积累,总结。3. 怎样记笔记?这里我用具体实例来分析。(想看详细请点原回答链接)第三个是我「分享的设计书单」:(请点原回答链接查看。有好的书,也欢迎大家推荐给我)关于我自己的故事分享请看这:
号更新:&br&&br&&br&欢迎大家关注我的微信公众号:&b&ui每日推&/b&&br&&br&&br&我会在每周日更新我的视频教程,教大家如何零基础自学
UI ,内容包含详细的操作技法,对设计的理解,配色,版式的运用等等,另外每天推送国内外精选的十佳 UI 作品,只需两分钟轻松提高审美!&br&已经有1万人关注了,就差勤奋的你啦!请扫下面的二维码。&br&&br&&img src=&/a9bcc25c44e20d9cac40b_b.jpg& data-rawwidth=&430& data-rawheight=&430& class=&origin_image zh-lightbox-thumb& width=&430& data-original=&/a9bcc25c44e20d9cac40b_r.jpg&&&br&&br&......................................................................................................................................................................................................................................................................................................................&br&&br&&br&&br&&br&&br&&br&正文:&br&&br&&br&&br&&br&看了这么多答案,我也来讲讲我的自学设计之路&br&&br&2011年,大学一年级的时候,我的专业是软件工程,但是我奇怪的被分到了物理电子工程学院,老师从来不教软件,天天教电路基础和大学物理,由于没兴趣,我从来不去上课,就和同学们开黑打dota,这样打了一年。&br&&br&2012年,大二了,我妈有一天和我讲,说以后肯定不能帮我安排工作,我突然有了危机感,如果毕业了我还没工作,会很丢人,我父母都是教师,别人家的孩子不是出国就是考上重点大学,压力还是很大的。当时我还挂着4门课在学校。&br&当时喜欢研究各种手机越狱和雨滴之类的东西,然后有一天,我打完游戏上网的时候看到了一张图片&br&&br&&img src=&/d208aacba6_b.jpg& data-rawwidth=&900& data-rawheight=&1802& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/d208aacba6_r.jpg&&&br&&br&当时我还不知道,《1126》,设计师叫罗子雄,现在是锤子科技的视觉设计总监,那时候我还没有ui设计的概念,把这个都叫做主题,它太精致了,给我带来极大的震撼,不仅细节完美,而且还特别严谨,运用了黄金分割。如果你以为我看了这个作品就开始努力学UI那你就大错特错了,我根本不知道这是用什么软件做的,我开始学习了网页设计,研究css样式和html,学了半个月发现好像有点不对,这是帮助别人实现效果的啊。。。然后有一天看到邵飞老师的一个视频教程,是教你画图标的,需要用ps这个软件,我跟着做了一下,完全做不下来,我就百度如何学ps,找到了李涛老师的《ps高手之路》,这样开始一步步学习ps,每天也不上课就看视频学习。不得不说学软件是个漫长的过程。所幸李涛老师的讲解很幽默,也就跟着学下来了。&br&&br&接下来要讲的是我的临摹之路,这个相当漫长,也最为重要。因为UI设计也是设计的一种,所以它第一个要求就是你设计的东西要美,如何能美?细节是最重要的,你需要观察,仔细的观察你和大神的作品之间的差别,然后再想办法实现它。现在设计之所以浮躁的原因我想就是很多人不愿意也没有耐心去培养自己的审美了。&br&&br&当时站酷上有一个视频教程叫《十分钟UI设计》,是腾讯的设计师omega和老程一起做的,里面的内容特别好,大家可以去搜索一下,我跟着里面的教程做了很多练习,当时老程说,windows的图标是很不错的,当你能把一整套图标都临摹下来,你就出师了。&br&&br&&img src=&/5a108d8ada2f78a302d4f0_b.jpg& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/5a108d8ada2f78a302d4f0_r.jpg&&&br&&br&这是我当时跟着临摹教程做下来的,一个比一个有进步,每个都花了一天或者半天时间完成,当达不到原作效果的时候就继续观察,继续改,现在一看还有好多问题,比如第一个铅笔的投影是黑色的很难看,第二个台球的边缘太锐利,很不真实,如果当时不是疯狂修改我想问题会更多。&br&&br&2013年,大三了&br&当我临摹了半年以后,我认为我的ps技术已经很不错了,跟同学说话的时候也爱吹牛,说自己是ps大神,一天一个同学下午来我寝室,说你干嘛呢?不知道今天晚上团里要开荒?你的萨满装等多少了?天天日常任务也不做。。。我说我画会图标,他说???我说我以后想当设计师,他说你别逗了。。。我当时心想一定要坚持下来!&br&&br&有一天在上站酷的时候,发现一个主题设计,再次深深震撼到了我,那时候ios7扁平风格盛行,很少有拟物的东西出现了,在看了很多千篇一律的设计以后很难被打动。&br&&br&&img src=&/425bbd2f9a5f34c306ed_b.jpg& data-rawwidth=&900& data-rawheight=&1509& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/425bbd2f9a5f34c306ed_r.jpg&&&br&&br&牛mo王的《心随我动》,参加了康佳首届主题设计比赛,我立马跑到他站酷的主页&a href=&///?target=http%3A//.cn/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&牛MO王的个人主页&i class=&icon-external&&&/i&&/a& 膜拜了他,看了他当时发的所有文章,他也是自学,我觉得太厉害了,他当时写了好多文章,告诉大家如何自学,感触特别深。后来我找到了他的qq,没想到他居然同意了,真的特别兴奋。。。然后我问了他一个图标方面的问题,令我没想到的是,他居然打开ps手把手教我如何调参数。。。一边做一边传图片给我,教我如何实现效果,他说好多东西其实非常简单,但是没有人告诉你的话自己很难想出来,到现在我都特别感谢他,叫他牛哥,虽然他不姓牛。。。我问他心随我动这个主题是怎么做出来的?他说只有积累到一定程度才可以。。。然后我默默努力,偷偷临摹它,一天一个图标。下面是我临摹的《心随我动》。&br&&br&&img src=&/6c681abc2b1c_b.jpg& data-rawwidth=&900& data-rawheight=&1600& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/6c681abc2b1c_r.jpg&&&br&做了快一个月,其实我在最后一天偷懒了,上面的哪个大的天气widget是用的原来的图抠下来的。。。然后我把临摹的给牛哥看,他当时就说,哇,好棒,你进步好快!可能没有谁像我一样把它临摹了一遍,在这些过程中,我的技法运用越来越熟练了,其实做这种ui,只需要你用好图层样式这一个ps功能就好!剩下的就是不断调整内阴影,投影,还有渐变,一定要注意投影的颜色,不要用黑色!要用深色,比如说黄色就用深黄色当投影,蓝色就用深蓝色,这样。推荐大家去站酷看看牛哥的文章,他的分享真的是很详细也很实用,从字体选择到ui入门都讲的特别到位,在学习路上能有他这样的老师带路我想我很幸运,再次谢谢他!&br&&br&当ps技术熟练以后,我就想着做一些自己的东西出来,然后照着照片用ps涂抹了一张定制耳机&br&&br&&img src=&/307b5aafb6dc5a9d2f9a94f3dce21891_b.jpg& data-rawwidth=&900& data-rawheight=&563& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/307b5aafb6dc5a9d2f9a94f3dce21891_r.jpg&&&br&&br&现在感觉阴影有一些深,线的感觉也不自然,有些发虚。&br&&br&在大三后半学期,参加了小米的主题比赛,每个图标都在网上搜索好多的图片做参考,然后自己绘制,差不多两个月的时间,最后入围了决赛。&br&&br&&img src=&/b5fca8f2d67a456fd66e73de_b.jpg& data-rawwidth=&900& data-rawheight=&2657& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/b5fca8f2d67a456fd66e73de_r.jpg&&&br&&img src=&/5c9ce0402adaf5b80775_b.jpg& data-rawwidth=&900& data-rawheight=&3332& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/5c9ce0402adaf5b80775_r.jpg&&&br&自己做主题和临摹是有很大不同的,每个图标做多大?用什么颜色?这些都需要自己控制,可以看出,这个作品在这两个方面都很差。。。当时很迷茫,自己做的东西究竟是不是设计?字体要用什么?排版怎么才好看?因为平时积累的东西太少了,所以真的很质疑自己。我意识到需要多看设计方面的东西,所有的都需要积累,到需要用的时候才能用到。&br&&br&第一次 接触实际项目 是大三后半学期,我的一个老师要做一款ios应用,主打背单词功能,我们两个人他写代码,我负责设计 ui 。我花了一天时间研究切图,研究我做的图片怎么才能用在实际的app中,然后我模仿path做了几个样式出来,我们干劲十足,前后做了好几个版本,修改了十几次。&br&&br&&img src=&/3eaedf69e3fd9b14e6b29_b.jpg& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/3eaedf69e3fd9b14e6b29_r.jpg&&&br&&br&&img src=&/dfeb3e090ee57f0d18a581ad_b.jpg& data-rawwidth=&2000& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&2000& data-original=&/dfeb3e090ee57f0d18a581ad_r.jpg&&&br&&img src=&/6a79d934247bbd620a8c98c3e4cc9300_b.jpg& data-rawwidth=&2000& data-rawheight=&2000& class=&origin_image zh-lightbox-thumb& width=&2000& data-original=&/6a79d934247bbd620a8c98c3e4cc9300_r.jpg&&&br&&img src=&/fc40ae00122aad65da3fcff0ec61f535_b.jpg& data-rawwidth=&900& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&900& data-original=&/fc40ae00122aad65da3fcff0ec61f535_r.jpg&&&br&这个软件前前后后一共做了半年,对我实际项目的实践是一个挑战,靠这个软件我还拿到了在京东实习的机会,大四后半学期在京东实习了半年。&br&&br&期间还和同学做了一个网站叫野渡集市&br&&br&&img src=&/5a8d702d204fff5fe7d653b86fb2ad2b_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/5a8d702d204fff5fe7d653b86fb2ad2b_r.png&&&br&现在我工作已经一年了,在北京的美餐网,自己一路自学过来,毅力很重要,我想兴趣更重要,我现在还在不断学习,因为自己的设计知识还是很不足,到这个时候要多看看ios和google的设计规范,知道ios的最小点击区域是44pt,字体不要小于22像素,36像素适合阅读,这些都是在以前自己很少注意到的。现在每天还在自学c4d和ae,加强自己动效方面的实力。&br&&br&发一点现在的作品吧,我觉得很少有人能听我啰嗦到现在。。&br&&br&&img src=&/ebfdbff5c82a_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/ebfdbff5c82a_r.png&&&br&&img src=&/fbdc2ba6e7dfb2ffe0dde3_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/fbdc2ba6e7dfb2ffe0dde3_r.png&&&br&&img src=&/fac146a976df034f0e661cc_b.png& data-rawwidth=&800& data-rawheight=&600& class=&origin_image zh-lightbox-thumb& width=&800& data-original=&/fac146a976df034f0e661cc_r.png&&&br&&br&最后推荐大家一定要多上dribbble,看看国外的大神是怎么做的,当我上dribbble以后才发现,很多国内的所谓大神不过是抄袭别人的作品而已。&br&&br&&br&&br&&br&&br&&br&&br&///////////////////////////////////////////////
9月25日更新
////////////////////////////////////////////&br&&br&&br&&br&&br&&br&刚才写了一大堆然后浏览器崩溃了都没了。。。只好重写了&br&2天收获了500多个赞,我真的没有想到,还是有好多同学提问或者私信我,我在这里做统一的解答&br&&br&1.好多人问我用的是什么软件?是ps还是ai?&br&这个问题在我学ps的时候也特别困惑,我想说的是一门心思学好ps就行了,ps比ai更适合做ui设计,我都是用ps做的,当然用ai也能做出来但是会不方便,而且网上ps的教程会很多,ai就很少了,所以建议大家学好ps。&br&我现在工作以后使用sketch进行设计,因为公司是全mac办公,用sketch能极大提高效率,sketch默认输出一倍图片,减少了标注的麻烦,而且设计稿可以让ios工程师直接使用。(现在这个软件只有mac能用到,这是它不好的一点,当然有条件的可以学习一下,很方便。)&br&&br&这是用sketch设计的设计稿,虽然最后没有用,但是可以看出来一个文件搞定了好多设计稿(不会说话了。。。)&br&&img src=&/4dfbafa4f8b955f9ee2b1e52f1a694d9_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/4dfbafa4f8b955f9ee2b1e52f1a694d9_r.png&&&br&2.我向大家推荐了使用dribbble来提高审美,并且了解ui设计的最新趋势,但是说的不仔细,现在给大家分享一下我如何使用dribbble。&br&&br&首先在dribbble里有一个点赞功能,叫likes。&br&拿我举个例子,在我的主页,这个地方,进去有我喜欢的作品。&br&&br&&img src=&/ebe9cac5e9bd33_b.jpg& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/ebe9cac5e9bd33_r.jpg&&&br&这个有什么用呢?比如我在浏览今天dribbble的推荐作品的时候,发现两个超棒的作品,看下面的图:&br&&br&&img src=&/2b9ac8c79b_b.png& data-rawwidth=&2102& data-rawheight=&981& class=&origin_image zh-lightbox-thumb& width=&2102& data-original=&/2b9ac8c79b_r.png&&&br&我们可以发现,这是两种不同的风格,也是现在最流行的两种&br&第一种设计是那种酷炫的,很有ios的风格,像自带的应用日历一样,里面有很多小的控件,很精致。&br&&br&第二种设计现在更多得流行起来,用大的色块,大的按钮,大的圆角,还有流畅的动效给使用者带来非常愉悦的感觉,有的配合了卡通形象,更加增加了亲切感,这类的app有marval,还有游戏jellies(就是那个抓水母游戏)。&br&我们点击作者的名字,到他们的主页,看到他们更多的作品。&br&&br&&img src=&/81ad017c607fb895b8130c_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/81ad017c607fb895b8130c_r.png&&&br&&img src=&/4c7e018d4a9ecdf8b34087_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/4c7e018d4a9ecdf8b34087_r.png&&&br&可以发现他们在自己的风格里面都做的特别棒,有很多值得我们学习和研究的地方,最好能看看他们的likes,看看他们都喜欢什么作品&br&&br&比如这个大神,应该是中国人但是原谅我不知道他是谁,低调的人太多了&br&&br&&img src=&/0dfba7b09a0d6f4b3f8e_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/0dfba7b09a0d6f4b3f8e_r.png&&这个是他的主页,可以看出来他也是第二种风格的,我们看看他的喜欢&br&&br&&img src=&/64bbd0ca97cbf35ac26dd_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/64bbd0ca97cbf35ac26dd_r.png&&果然,可以看到更多的大色块和卡通的设计。也让我们发现更多的擅长此类设计的大神。&br&&br&接下来讲讲dribbble的搜索&br&当有一天老板需要我设计一个登录界面,但是我并没有什么好的灵感,&br&大家肯定早就注意到dribbble上有search按钮了,我们搜索“login”,出来以下结果&br&&br&&img src=&/ef9e7f29e5feb1e2eeafca53e2f7eaa1_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/ef9e7f29e5feb1e2eeafca53e2f7eaa1_r.png&&&br&这么多的登录界面设计,这下不怕没有灵感了,我忘了是谁说的了,世界上没有纯粹的设计,所有伟大的作品都是以前的作品的结合和再创造,我们学习别人的想法和设计语言。&br&&br&dribbble还有很多psd可以下载的,比如iphone的各种展示模型,我们搜索“mockups”或者“mockup iphone”就可以找到下载了。做展示的时候很好用。看下图:&br&&br&&img src=&/b6b15e727b170a4e79c2dda93cd4620e_b.png& data-rawwidth=&2880& data-rawheight=&1800& class=&origin_image zh-lightbox-thumb& width=&2880& data-original=&/b6b15e727b170a4e79c2dda93cd4620e_r.png&&&br&&br&我做界面设计的时间也不长,只是说一些自己的理解,尤其是工作以后,那些很炫很酷的界面往往是不能实现的,我们的设计不能出格,比如在ios上你使用安卓的材料设计语言就很错误,但是在遵守大的设计规范的时候如何才能让你的设计出彩?这就需要我们对细节的处理,比如path里掉下来的小卡片,或者是一个小的可爱的动画,让用户能感觉到设计的精致,现在我们也管这种小细节叫“情怀”。我们看好的作品不一定要把他实现,但是要学里面的细节,有时一抹亮色或者一点光晕就能为你的设计点睛。&br&&br&3.前面有些提到的素材有人说找不到,我帮大家把链接贴出来&br&&a href=&///?target=http%3A///v_show/id_XNTU5NzkzODQ0.html%3Ff%3Dfrom%3Dy1.7-3& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&【十分钟设计第一季】史上最酷最接地气儿的UI视频教程&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=http%3A///ucenter/88618.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&小课堂的设计作品-UI中国&i class=&icon-external&&&/i&&/a&&br&
还有就是回音的ui分享会,牛哥的u1系列教程,我都看过,也推荐大家认真看一下。&br&
学c4d可以看看ihdt上海映速的免费教程&br&&br&(以上教程我都是一步步看过来的,还有好多跟着做了临摹,我一直认为,如果你回答里推荐的那些素材网站你从来没有看过那是不负责任的,推荐一大堆链接不如不推荐,有人评论和私信喷我我必须说他们两句。。。)&br&&br&这次更新就到此为止,祝大家每天都有进步。下次更新可能要到我动效或者c4d有大的进步的时候再来了!&br&&br&&br&&br&最新作品更新:&br&dribbble:&a href=&///?target=https%3A///Nevergg& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dribbble - zfy&i class=&icon-external&&&/i&&/a&&br&zcool:&a href=&///?target=http%3A//.cn/u/1577168& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&力力_NeverGG的个人主页&i class=&icon-external&&&/i&&/a&&br&&br&&br&我会经常更新的!!!!
号更新:欢迎大家关注我的微信公众号:ui每日推我会在每周日更新我的视频教程,教大家如何零基础自学 UI ,内容包含详细的操作技法,对设计的理解,配色,版式的运用等等,另外每天推送国内外精选的十佳 UI 作品,只需两分钟轻松提高审美!已经…
感觉各位大神该说的都说了,我想先跳出来讲一个关于UI设计的误区。&br&&b&UI设计是美工么?&/b&&br&根据&a href=&///?target=http%3A//uxdesign.cc& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&uxdesign.cc&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&今年的趋势预测,Our Fascination with Pixels is Almost Over(译:我们痴迷于像素完美的设计时代已经走向尾声)[From: &a href=&///?target=http%3A//uxdesign.cc/ux-trends-& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&The State of UX in 2016&i class=&icon-external&&&/i&&/a&]指的就是今后的界面,不会再是“被精心设计过的”了。文章中也指出,人们对于固定的UI模式的适应度已经到达了很舒适的程度,不会再有交互方式上的大革新。我个人的理解就是,固定的UI就像是人们使用剪刀一样,不会有人质疑剪刀的设计本身了,而是考虑如果做更好的更轻更快的剪刀。那么回归到做UI设计的问题,我认为好的UI设计师越来越会是对不同交互模式,UI组件甚至是互联网产品有清楚认识的设计师,而这个设计本身,不同于纯粹的艺术创作。感觉在美国,目前的大趋势也是如此。UI设计师已经不再是从设计专业毕业的只做设计的人,而是有着系统思维的,了解互联网产品细节的,向上能理解复杂大系统向下能调整小按钮的设计师。&br&&br&如果你认同我对于“ UI设计师不是美工“这个看法,那么可以继续看下去,关于怎么成为一个好的UI设计师。&br&&b&1. 随时收集灵感,紧跟设计大潮&/b&&br& &a href=&///?target=http%3A//uxdesign.cc& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&uxdesign.cc&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&说的Everything will look the same这个观点,他们不是第一个提出的。相信如果你关注过这些年UI的变迁模式,就会清楚的看到从&b&skeuomorph(拟物化设计)&/b&到现在流行的&b&Flat design(扁平化设计),&/b&是有一个变迁过程的,而每当一个设计趋势在产品实践中被肯定,这个趋势就会被大量的使用,比如Google的Material Design,虽然本身的采用率并不高,但是却做火了Card(卡片设计)。想要获取最新的UI设计风潮,要特别吐血推荐几个资源:&br&&ul&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Panda - Daily News and Inspiration&i class=&icon-external&&&/i&&/a& - 这是一款Chrome上的插件,现在也有了手机app。每天会汇总来自各个不同资源如Dribbble,designer news等得各种设计资源,新UI设计等等。每次你打开一个新的tab,都会看到这些资源,耳濡目染之下,想不知道现在流行什么都难。&br&&/li&&li&&a href=&///?target=http%3A//muz.li/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Muzli Design Inspiration&i class=&icon-external&&&/i&&/a& - 和panda非常相似的资源,来源稍有不同而已&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Awwwards - Website Awards&i class=&icon-external&&&/i&&/a& - 个人认为是比Dribbble更好的学习UI设计的资源,虽然只有网页设计,但是有点评有评分,让你知道一个设计哪里好哪里不好&br&&/li&&/ul&&b&2. 多读书,读好书&/b&&br&推荐一个UX的书单,以及下载地址。所有书都是英文版的,中文版网上应该也可以找到&br& 网盘链接:&a href=&///?target=http%3A///s/1ntjHoyl& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/s/1ntjHoy&/span&&span class=&invisible&&l&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& 密码: gkx3&br&&ul&&li&Design of everyday things - Don Norman (用户体验界的鼻祖的大作,必读)&br&&/li&&li&About Face - Alan Cooper (有幸见过作者,北美各大产品设计类专业教科书)&/li&&li&Storytelling for User Experience - Whitney Quesenbery (对我的帮助并不是特别大,可能讲故事我比较擅长,但是我的学生都说受益匪浅)&/li&&li&Designing for Interaction - Dan Saffer (另一本教科书级别的读物,交互设计入门+经典必读)&/li&&li&Sketching User Experience - Bill Buxton (和作者聊过计,很有想法的一本书,很多实用的技巧,也经常被用做教科书)&/li&&li&Don't make me think - Steve Krug (和Don Norman的书一样,已经有些年头了但依旧是经典中的经典,做用户体验做产品的人都应该读读。这本和Don Norman的书都有中文版,只是我这里没有)&/li&&li&Universal Principle of Design - William Lidwell (我会推荐学生读的书,讲设计的一些基本原则的,很厚。我认为了解任何原则和标准都是为了知道什么时候应该打破常规的,这本书对我来说更是一本工具书)&/li&&li&Designing for Emotions -
Aarron Walter (作者是MailChip的用户体验总监,算是一家很奇特的公司,远离硅谷和其他科技中心却能非常成功。他们的用户体验也算是业界标杆。这本书畅想了产品设计的一个很高境界)&/li&&li& Lean UX -Jeff Gothelf (很火的一本书,我推荐和另一本叫Lean Startup的书一起看。轻量级用户体验的实践方式,现在硅谷很火的创业公司基本都是这个流程。如果感兴趣Lean这个流程,也可以看看Scrum相关的书)&/li&&li&Emotional Design - Don Norman (还是Don Norman的书,深层次剖析了用户的情感需求以及如何为这些情感需求做设计,属于稍微高级一点的读物,我个人非常喜欢)&/li&&/ul&&b&3.
做几个Redesign项目&/b&&br&设计的重点是分析问题解决问题,需要 实践才能有进步,可以去behance上面看看大家是怎么做的。关于这部分我有空了再上来补充吧。&br&&br&以上&br&————————
感觉各位大神该说的都说了,我想先跳出来讲一个关于UI设计的误区。UI设计是美工么?根据今年的趋势预测,Our Fascination with Pixels is Almost Over(译:我们痴迷于像素完美的设计时代已经走向尾声)[From: …
已有帐号?
无法登录?
社交帐号登录}

我要回帖

更多关于 小学语文教学 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信