您现在的位置是:电脑技术吧 >  故障问题   >  姿势图解,18种最常用的嘿嘿嘿姿势  >  正文详情

姿势图解,18种最常用的嘿嘿嘿姿势

贸正平2019-11-16 19:50:36 人围观
简介正确的书写姿势这可能是有史以来最值得阅读和转发的用户界面设计自学指南。作者是一个完整的堆栈设计器。在抄袭了大量教程并掌握了PS、AI等软件后,他发现自己对真正的设计一无

这可能是有史以来最值得阅读转发的一篇UI设计自学指南。

作者是个全栈设计师,在临摹了大量教程,掌握了PS、AI等软件后才发现自己对于真正的设计一无所知,因此写了这篇文章,希望能帮大家用正确的方式学习UI设计,不要本末倒置,在错误的路上浪费时间。

  写给UI设计初学者们  几乎每隔几天我便能在简书或其他各类设计网站看到关于自学UI设计的分享文章。

这些文章有一个共同的特点,就是描述作者如何从一个零基础的设计小白,通过种种途径,成长为一个熟练掌握PS或AI的设计达人的,亦或是分享了一堆有参考价值的设计类网站或工具等等。

这些文章的点击率很高,因为通过这些初学者眼中的干货,能够很容易地进行模仿,并得到技能上的快速提升。

  但我想问的是,这真的是学习UI设计的正确方式吗,如果不是,那有没有一篇能够正确引领大家学习UI设计的文章呢?很可惜,我在网上搜了很久,没有找到那篇我认为是正确的文章。

  导致这个问题,我觉得可能有以下两个原因:  这类文章的内容往往比较湿,理论性比较强,需要时间慢慢体会,不是拿来就能用的东西,因此文章的点击率往往较低,随着时间的推移,很快便淹没在了那些新鲜出炉的设计干货之中,而无法搜索到了。

  那些真正优秀的设计师往往都早已过了初学者那个阶段,他们也更乐于分享自己的设计观点或杰出作品,却很难站在一个初学者的角度来写如何学习设计的文章了。

  我也曾和很多设计初学者们一样在自学的过程中有过困惑,走过弯路。

今天,我仍在不断地努力学习,去尝试理解设计的真正含义。

我也希望通过这篇文章,能给那些还在设计门外打转,不得其门而入的学习者们一些不同的启发。

  我为什么自学UI设计  我之所以自学UI设计,其实源于一次失败的创业实验。

称它为实验,是因为它并不算是一次真正的创业,我和我的合伙人并没有放弃自己的工作,而是利用一些业余时间来做一个以实习生为主题的社区(那时还是开心、人人 这样的SNS社交平台大行其道的年代)。

我那时是一家500强金融集团的应用架构师,因此,便当仁不让地承担起了我们这个团队中程序员的角色,负责完成了整个平台的架构以及开发工作。

但始终困扰我们的是,找不到一名优秀的UI设计师,能够把这个平台推到一个产品的高度。

我们也曾经通过朋友介绍或在淘宝上寻找,合作过几位设计师,但由于种种原因(有技能问题,理念问题,投入度问题 等等)都无法达到我们的要求,最后也都不欢而散了。

当然,我们的这次创业也最终以失败而告终。

现在回想起来,失败的原因有很多,但缺少一名靠谱的UI设计师,导致我们的产品迟迟不能推向市场,是这次失败的一个非常重要的原因。

  我始终觉得自己还是一个有着产品梦想的人(自我鼓励一下^-^),因此,为了下一次重新启航行时,不再重蹈覆辙,我便决定开始自学UI设计。

  自学路上的困扰  我在自学UI设计的道路上,走得并不平坦,有过很多困扰和挫折。

今天想来,其实最大的障碍正是源于自身对于UI设计本身的理解不够全面和深刻所导致的。

  概括起来,主要有以下几个发面:  对于学习UI设计的困难准备不足:由于在此之前,一直从事企业级应用的研发,因此,那时在我们的圈子里,设计师(我们更多称为美工)属于非常边缘的辅助角色。

我也想当然地觉得学习那些技能对于我来说是小菜一碟,几周就能搞定。

但实践证明,我错了,真正的UI设计远没有想象中那么容易掌握,直到今天,我都不敢说自己已经掌握了UI设计并能称得上是一个UI设计师。

而随着我对设计本身理解的加深,对设计师的看法也完全转变了,他们不再是我口中的美工,而是一个能够左右产品优劣,驱动产品研发的关键角色。

  认为 学习UI设计 = 学习 PS、AI等工具:当决定学习UI设计后,我便开始在网上搜索如何学习UI设计,而度娘给我的答案便是大量的PS、AI等各种设计教程。

我也是一路拼命下载,然后不分昼夜地学习。

不久之后,我确实能够按照这些学习指南P出一些图,或是作出几个图标来了,但当我尝试独立去做一个完整的UI设计时,我突然发现我作出来的东西与那些我所见过的优秀设计仍是天差地别,即使是我完全模仿那些优秀作品做的设计,仍然感觉怪怪的,好像哪里出了问题,自己又说不清楚。

这时,我才意识到我的学习方法可能错了,简单地说就是捡了芝麻丢了西瓜,虽然掌握了一些设计工具技巧,但却对真正的设计一无所知。

  审美能力不足:另一个我遇到过的困难便是自身审美能力的不足。

其实我想说,这不仅是我一个人的问题,可能也是我们这一代,甚至是几代人共同的问题。

由于整个教育体系对于学生在美学教育上不够重视,导致我们从小缺少艺术和美的熏陶,美术课往往会被语数外等主课霸占,从而成为摆设。

由于缺乏对美的感知和判断能力,导致我们很难准确评判自己作品的优劣,更不会知道如何去改善它。

放到更大的角度,我们很难像苹果那样设计出伟大的产品来。

  重新认识UI设计  在意识到学习方法的错误之后,我便再次寻求了度娘的帮助,但这一次我要找的是那些优秀设计师们自己对于设计的感悟,设计心得,推荐阅读的设计类书籍 等等。

我也放下了手中的PS、AI,静下心来进行大量的阅读。

通过这些阅读,我也渐渐了解并重新认识了UI设计。

  经过对设计知识的重新梳理,我将所需要掌握的基本设计技能归纳为以下10点(我将会在日后的设计谈系列文章中对以下每一点进行展开,并分享我的设计心得)  色彩:需要理解色彩的基本原理以及配色方法。

色彩很难把控,因为它很容易被过度使用。

如果,你还是一个初学者,那么尽可能使用柔和的色彩,仅在需要强调的地方使用更醒目的色彩。

  字体与排版:文字往往占据整个设计内容超过80%的区域,所以理解如何使用正确的字体和排版方式非常重要。

请将内容的清晰易读作为你定义字体和做排版的首要目标。

  动效:动效能够显著增强一个应用的用户体验。

他们能使你的应用更有生气和迷人,前提是你所设计的动效快速、流畅,并且是符合用户预期的。

  图标:优秀的图标往往与我们每天见到的事物紧密关联,比如 相机、垃圾桶、云等等,能让人一眼就识别出它所代表的功能。

因此,使用那些具有良好辨识度的图标,避免让用户产生混淆。

  声效:声效在设计中用得很少,但恰如其分的声效能够提升用户体验。

用户不用看到你的应用,光听到一个熟悉的声音便能识别出你的产品来。

  获得设计灵感:设计灵感不是与生俱来的,你需要不断地寻找它。

有很多获得设计灵感的方法,下文中我将分享我的一些经验。

  设计原则:流行转瞬即逝,但设计中最本质的东西却能永恒。

设计大师们很早就认识到了这些,并将它们提炼为设计原则。

你要做的是,理解这些设计原则,并将它们运用到你的设计之中。

  用户体验设计:你需要了解你的用户,这样才能设计出符合用户需求的产品。

学习设计心理学,将有利于你设计出更人性化的产品。

  基于不同平台的设计:在不同平台设计产品有很大的差异,你需要了解产品所在的平台(如 IOS,Android),并符合它们各自的设计规范。

  设计工具:设计工具有很多,对于UI设计,我建议使用Sketch3,因为它是专为UI设计而生的,能给你带来更高的设计效率。

  改变设计工具  自从我改变学习UI的方法之后,一直到今天,我每天都会坚持阅读 Designer News 上的每日推荐文章,它能让我了解国外优秀的设计师门都在想些什么或做些什么。

而这之中,给我带来最大改变的便是,我放弃了原来使用的 PhotoShop,而开始使用Sketch来进行UI设计。

因为我惊讶地发现越来越多的国外设计师,特别是在初创公司的设计师们开始使用Sketch作为他们的设计工具。

  ( 下图为2015年 Substraction.com 对4,000名来自不同领域的UI设计师的问卷调查后得到的UI设计工具使用情况 ,Sketch已经大幅超越PhotoShop成为设计师们首选的UI设计工具)

  2015 Subtraction.com Design Tools Survey Interface Design  实践证明,Sketch的使用确实给我带来了极大的惊喜。

  小巧快捷:Sketch只有41M,相较1.6GB的Photoshop来说显得非常的小巧。

因此无论是安装,还是启动、运行,Sketch都非常快捷。

  专为UI设计而生:Photoshop是一个图片处理工具,它包含了大量图片处理功能,而这些对于UI设计师来说是多余的,并会成为UI设计师们工作时的噪音,降低他们的设计效率。

而Sketch则专注于UI设计,它的所有功能都只为UI设计服务,比如:使用统一的计量单位 Pixel 使你不必关注其他计量单位(cm,ml,picas),支持HSB、RGB颜色模型和色板功能,使用Symbol可以将方便的复用你的设计元素,针对任意设计元素或元素组导出不同分辨率的图片 等等。

另外你不用再面对一个一半功能都不会去碰的工具栏,也完全不用去关心那些与UI设计无关的东西,这使你更容易学习和掌握这个设计工具。

  强大的插件功能:虽然Sketch的核心非常小,但它却提供了非常强大的插件功能。

针对不同的设计场景,可以使用不同的插件。

比如,你可以使用Sketch Palettes保存你的常用色板,并与朋友方便地分享。

使用 Magic Mirror 可以将你的设计方便地展示到不同的实体模型(如: iPhone,iPad,书的封面 等等)。

也可以使用 Sketch Content Generator 来批量地产生内容,这能为设计师节省大量的时间。

还有像Measure、Dynamic Button、Sketch Constraints 等许多非常优秀的插件可以帮助你大大提升工作效率,从而使你更能够专注于设计本身。

  以上只是Sketch所带来的众多优秀特性中的一小部分,网上已经有很多关于Sketch的设计教程和指南,你能通过这些资料,快速的学习并掌握Sketch。

我正看到越来越多如Sketch,Affinity Designer, Affinity Photo 等创新工具对设计工具领域带来的变革,他们不再追求大而全,而更注重于以最简洁、高效的方式服务于不同的设计目的。

这也正是互联网思维在设计工具领域的一个体现。

因此,如果你是一个UI设计初学者,亦或已经是一名UI设计师并正在使用PS、AI等工具,我都建议你尝试使用Sketch,因为,它是一个能给你带来巨大改变并代表着未来的优秀设计工具。

  寻找设计灵感  对于设计初学者来说,经常会为找不到设计灵感而苦恼。

而我想说的是,灵感不是与生俱来的,它需要你去不断地寻找。

如果没有灵感,你将永远不能开始,更别说去完成一个设计了。

下面是我使用的一些方法。

  阅读  我没有上过任何设计学校或培训班,因此我的大部分设计知识,都是从阅读中获得的。

我几乎不读那些30天速成系列的书或关于设计趋势的文章,因为我知道技术的变化是非常快的,正如,我现在完全使用Sketch来做设计,而不用PS一样。

我更关注设计的本质,书是获得这方面知识的很好途径。

  下面是我书橱中的一部分设计类书籍,我阅读那些对设计有着深刻思想的人物传记 如乔布斯传,与设计相关的心理学书籍设计心理学、与色彩相关的色彩设计,与字体相关的设计师的自我修养等等。

也正是通过这些书籍,让我逐步理解了设计的内涵,从而让我彻底走出了之前学习设计时的误区。

  另外我也会读一些网上的优秀文章,Designer News 是一个我获得高质量设计文章的优秀网站,在这里我可以看到最新的来自全球设计师的优秀分享。

当然,我也在 优设、推酷、Medium 等网站上阅读那些具有思想性的设计文章,并且通过关注一些优秀的设计师,从他们身上学到了很多经验和启发,给我学习UI设计带来了极大的帮助。

  收集优秀设计  另一个获得灵感的方法是收集优秀的设计作品。

Ember是我用过的用来收集设计素材的最佳工具。

更棒的是它支持订阅功能,可以从Dribbble这样的网站自动下载设计作品,并让我非常方便地浏览和收集。

(下图为我的Ember应用截图)

  除了Ember之外,我也使用Pintrest来收集手机上看到的优秀设计,并按照分类添加大我在Pintrest上创建的Board中。

(下图为我的Pintrest主页)

  拥有工匠精神  你所做的每一件事情,它的背后都可以和艺术联系在一起。

只要是付出了努力,精心制作,并能反映出作者情感与灵魂的东西都可以被称为艺术品。

想一想你平时喜欢做的事情,阅读,散步,美食或者看展览。

这其中的每一件都与一种艺术形式相关联:写作,环球旅行,烹饪、摄影。

你会发现当你当你不断完善某一项技能的同时,其他技能也会得到加强。

对于设计来说,上面提到的 写作、摄影、旅行等都是对设计能力的很好补充。

  最后,希望能够得到更多朋友的反馈,喜欢或是点评,你们的意见能够帮助我验证自己对设计的理解,并帮助我不断完善它。

你也可以关注我,后续,我会陆续将文中提到的 色彩、文字与排版、动效、图标等内容以【技匠谈设计】系列文章的形式分享给大家。

感谢大家的支持和鼓励 ^-^

版权声明:本文由 贸正平 整理编辑。

原标题:正确的睡觉姿势,坐喂的正确姿势视频

转载注明出处:http://www.manhua123.cn/fault/12932.html

文章评论

    共有条评论来说两句吧...

    用户名:

    验证码:

作者推荐

  • 有妖气弹幕怎么关,有妖气关闭弹幕

    有妖气弹幕怎么关,有妖气关闭弹幕 相关图片有妖气怎么听配音作为漫画阅读的神奇工具,恶魔与一般漫画阅读软件最大的区别在于弹幕功能。但是,有很多小伙伴不想看到拦河坝,那么他们怎么能关闭拦河坝呢?下面,超人软件...

  • 容易混淆,混淆意思

    容易混淆,混淆意思 相关图片与暴容易混淆的字当我第一次接触XHTML CSS来设计网页时,我对标签的使用几乎没有经验,而且我也非常随意。我经常想用我想用的任何东西,只要我能达到效果。但是随着学习的深入和...

  • 怎么删除wps云文档,wps云文档怎么全部删除

    怎么删除wps云文档,wps云文档怎么全部删除 相关图片wps云文档我的设备怎么删除云服务的出现,使我们的生活和办公更加便利,作为经典办公软件之一的WPS自然要增加云文档功能。虽然WPS云文档对提高管理效率和整个公司的工作效率有很...

  • trustedinstaller病毒,trustedinstaller占用cpu

    trustedinstaller病毒,trustedinstaller占用cpu 相关图片installer有些用户会遇到trustedinstaller.exe在启动过程中占用大量CPU资源,导致系统严重卡住,非常烦人。什么过程是可信的安装程序?可以删除吗trusted...

  • 怎么制作图标,图标制作

    怎么制作图标,图标制作 相关图片制作logo渲染如下:1。画一个233*172的圆角矩形,用ා400000-ා999999的线性梯度填充,然后设置其参数,如图2所示。在第一步绘制的矩形中添加一个过滤器,参如何制作logo...

  • internal error,internalerror啥意思

    internal error,internalerror啥意思 相关图片error内部服务器错误通常发生在用户访问网页时,这意味着Internet服务错误。有几个原因可以导致内部服务器错误,例如system error...

  • 复选框,复选框在哪

    复选框,复选框在哪 相关图片word复选框在哪一。插入一个复选框1。单击鼠标,将光标定位在表单行中,单击“插入”菜单,选择表单项,然后在弹出的子菜单中选择复选框命令,或在“插入”面板中选择表单项并单...

  • 迅雷9总是出现SDK崩溃,迅雷X崩溃解决办法

    迅雷9总是出现SDK崩溃,迅雷X崩溃解决办法 相关图片新版本迅雷x怎么老是崩溃的最近,很多小伙伴都报告说,他们在使用迅雷的过程中总会遇到软件崩溃。那么霹雳崩溃的原因是什么?如果霹雳崩溃了我们该怎么办?让我们跟着超人的软...

  • 垂直居中 css,css水平垂直居中

    垂直居中 css,css水平垂直居中 相关图片css图片垂直居中例1:高度不确定的垂直中心代码如下/*中心*/。垂直{垂直对齐:中间;显示:表格单元格;*位置:相对;}。垂直{Ccss垂直居中对齐...

  • 源代码泄露,源代码防泄漏

    源代码泄露,源代码防泄漏 相关图片源代码苹果最近几天收到了很多负面消息。首先,其旗舰iPhone X的质量一直存在问题。然后,IOS系统升级了好几次,出现了各种错误和caton。后来,关于频率降低门的源代码泄露是指什么...

热评文章

  • 简单百宝箱,用简单百宝箱安全吗

    简单百宝箱,用简单百宝箱安全吗 相关图片简单游和简单百宝箱简单宝箱是一款老品牌的游戏辅助软件。该软件最大的特点是它包含了在线游戏玩家最常用的各种免费助手工具,可以让玩家快速下载所需的游戏助手。不过,玩家...

  • 余额宝额度不足什么意思,余额宝赎回额度是什么意思

    余额宝额度不足什么意思,余额宝赎回额度是什么意思 相关图片余额宝余额额度不足支付宝现在是首选的支付方式之一,转移到支付宝的钱会自动变成余额宝,不仅可以用于日常消费,还可以用来赚钱,利息比银行还高。但也有部分用户发现自己的...

  • 水墨诗意,水墨诗意的名字

    水墨诗意,水墨诗意的名字 相关图片水墨古风意境画北京奥运会开幕式上的诗情画意的画卷和它呈现给我们的美丽画卷,至今仍记忆犹新。今天,我们将用flash制作一个水墨卷轴展开的诗意动画,主要使用矩形工具和渐变填...

  • word设置页码,word怎么设置页码

    word设置页码,word怎么设置页码 相关图片从当前页开始设置页码编辑word文档时,我们需要在当前文档中添加一些说明或封面。添加页码时,不能将这些页设置为从页码开始的页。如何从任何页面设置单词页码?双击开始word20...

  • 分分快三玩法技巧集锦,拍照方法技巧集锦

    分分快三玩法技巧集锦,拍照方法技巧集锦 相关图片拍照的方法与技巧集锦什么是CSS黑客?不同浏览器对CSS的解析结果不同,导致同一CSS输出的页面效果不同,这就需要csshack来解决浏览器的本地兼容性问题。为不同浏览器编写不同C玩快...

  • htc u12怎么样,htcu12

    htc u12怎么样,htcu12 相关图片htcu12 社区HTC U12是HTC即将发布的旗舰车型。其上一代HTC U11在外观上是一款非常成功的手机。全新的设计风格和出色的手机体验挽救了宏达旗舰的声誉。更有趣的是,索htc u12最新消息...

  • 八万落地suv哪款好,落地8万左右的suv哪款好

    八万落地suv哪款好,落地8万左右的suv哪款好 相关图片哪款手机测量工具好用HTML5现在已经成为最流行的标记语言,拥有成熟的社区和广泛的浏览器支持。功能齐全,扩展性强,设计开发人员可以赚钱。更可控的元素,更自由的交互设计,变...

  • 小丸工具箱怎么样,小丸工具箱怎么用

    小丸工具箱怎么样,小丸工具箱怎么用 相关图片小丸工具箱慢小药丸工具箱是一种功能强大、使用方便的视频压缩工具,它可以最大程度地保持视频质量,并能很好地压缩视频量,受到许多用户的青睐。一些用户仍然不了解小药丸工...

  • 水波纹效果,如何做出水波纹的效果

    水波纹效果,如何做出水波纹的效果 相关图片短发水波纹今天,我们将继续分享JavaScript实现的效果示例,本文将介绍如何使用JavaScript来实现水波纹的效果。水波效应以图片为背景。单击图片中的任何位置都将水波纹和大波浪的区别...

  • 火萤桌面下载,萤火桌面

    火萤桌面下载,萤火桌面 相关图片萤火视频动态桌面很多用户都喜欢使用火鹰视频桌面来设置自己的动态壁纸,但有时会遇到火鹰视频桌面无法使用或火鹰视频桌面无法正常播放的情况,用户可以尝试重置壁纸品牌介绍...

关注微信