推荐阅读

3D MAX建模教程:女性角色模型解析
先来卡看最终效果图:嗨,各位,我是Andrius Balčiūnas,接下来,我将带领你们来了解我制作”Shadow Conscious”这副图的制作过程。这个项目主要是为了学习而制作。我想制作一个真实的(至少是自然的)人物。首先,寻找参考资料。我从网上收集了许多女孩的图片。虽然我不知道最后会成什么样子,不过我认为如果你拥有多个角度的女孩参考资料以及许多符合要求的解剖图片那会很有利于你的创作。我使用了可编辑的多边形建模。简单的从一个长方体开始,添加边缘线,切分等,我认为创建人物中最困难的地方在于它不是一个技术活,而是美与结构之间精准的平衡(如果这个是你的目的)。这里有个眼球建模的小技巧。不要把瞳孔开始的地方做成硬边。因为在后期渲染时将会得到非常糟糕的效果。同样,当你在制作眼球的外部球体来实现反射效果时,不要让它仅仅是一个简单的球体,你需要把它做的有点凸起。这样,就能得到自然的反射效果。

告诉你亚当斯区域曝光秘籍
除了分别曝光,可能确实没有什么能让你在前期做到既让左侧的透过云彩的阳光清晰,又能让右侧的建筑物清晰的方式。 景山万春亭 iso200 白平衡自动 亚当斯认为,黑白负片所能呈现的最大明、暗对比是从第2 – 8区 (数码的宽容度公认的比负片要低些但高于反转片)。而自然中光线强弱的变化,从最亮的阳光下的积雪,到最暗的阴影甚至会超过0 – 10区。有的情况下,画面中的景物又没有这么大的反差。比如只有从第4 – 6区,那就要通过曝光和暗房后期增加反差。总之,最终的效果是要充分利用底片(相纸)的宽容度,使一张照片中,黑的地方黑(第2-3区)白的地方白(第7 – 8区),这才是好照片!(注意以上叙述并非亚当斯原话,是老败对亚当斯精神实质的理解,信不信由你)。看看他拍出来的照片,漂亮照片都是这样的。 操作上,亚当斯的方法必须使用测光表,并且是点测光表(没有就DIY,象亚当斯那样),并且首先要了解一点测光表的工作原理。上面说过,这1 – 10区的灰阶是摄影工业标准。测光表工作的逻辑过程是这样的:你给它‘看’一个目标,它检测目标的亮度后告诉你使此目标‘正确’曝光的光圈/快门组合(亚当斯那年头的测光表没这么先进,只能告诉他目标亮度是多少烛光每平方英尺,剩下的自己算。所以确切地知道亚当斯的操作细节没有意义。我们需要理解的是其精神实质对我们现在的帮助)。需注意‘正确’二字加了引号,什么意思呢?正确,就是把你的目标曝光成中灰,18%灰,第5区,随你怎么叫。而且不管你给它看的目标是白的(8、9区),还是黑的(2、3区),按测光表曝出来的效果就是第5区。听起来有点荒唐?没事可以慢慢想想,很难有更好的办法。 知道了测光表的逻辑过程。对亚当斯的语言就很好理解了。他常说在拍某某照片时把某某景物(比如一块石头,一片树林,一片云)“放在”第几区。怎么个‘放’法?用点测对目标(一块石头)测光,然后用测光表告诉你的光圈/快门组合曝光,你就是把这块石头‘放’在了第5区。也就是说,在你的照片里这块石头将是中灰。什么?!灰色的石头?!不行!这块石头在俺的画面里很重要,它处在树下阴影部分,色泽幽暗,与旁边天光直射下的花丛成鲜明的对比。它明明都快是黑的了,怎么弄成中灰了!这哪成?!?#¥%…… OK! 你的意思是这块石头不应该被放在第5区,而应该被放在第3区?那好办,按刚测出来的光圈/快门组合减两档曝光就是了。再测测边上的花丛,亮度比石头高出了4档光圈之多,把石头放在3区,花丛就被放在了7区,无论是底片还是数码的宽容度都该足够,挺好,按快门吧,你都应该已经能想象出能够得到一张什么样的照片了。(prevision 是亚当斯在推广他的理论时所宣称的重要优点之一。但这一点在当今数码 OK! 不知不觉,咱们已经按照亚当斯区域曝光理论虚拟操作一次了。体会到它的优点了吗?如果用点测光,测石头并曝光,石头出来是中灰(5区),花丛就是9区!完蛋,曝过了!超过底片/数码的宽容度,只得到惨白的花丛。用点测,测花丛并曝光,拍出来花丛是中灰(5区),石头可就成了1区了!完蛋!还是超过底片/数码的宽容度,欠曝,只得到漆黑的,没有质感的石头。那我用视场平均测光(这是亚当斯年代就有的)。那就得看运气了,你的暗石头占多大画面面积?花丛又占多少?其它背景很可能面积更大且可能很黑(地面阴影),也可能很亮(天空或水面), 它们会主导视场平均测光的结果(因为面积更大),所得出的曝光结果是你完全无法预料的。那我用*重点平均测光,评价测光,使用曝光锁定按钮……….. 这些都可以,但都不能保证给你一个暗而有细节的石头和明亮而有细节的花丛。只有亚当斯区域曝光法 – Adams’s Zone System 可以帮助你信心满满地做到这一点。 亚当斯的区域曝光法可以保证你得到反差漂亮的照片,可好多人看了都嫌麻烦。当然了,嫌麻烦的可不只一个两个,懒人有一个优点就是聪明,于是就总结出了亚当斯理论的简化版,就4个字:白加黑减。啥意思呢?道理很简单。 首先明确前提条件:点测光。凡是谈亚当斯的道理都是在谈点测光,白加黑减是亚当斯简化版当然也不例外。 千万别把视场平均测光混进来,那肯定绕糊涂! 然后定义‘黑’和‘白’。‘黑’,就是画面中最暗的部分。‘白’就是画面中最亮的部分。 请看这张照片。先用视场平均测光来介绍一下这个画面。这是冬季上午9点不到室内阳光直射下的一个音箱。画面中的‘黑’与‘白’分别用绿圈和红圈标示。看看曝光组合。一切都规规矩矩,有什么错嘛?没有。可画面就是那么平淡。看看那中间调,就一个字:肉!结论: 视场平均测光不是好办法!

定焦镜头的优势与选择的理由
很多摄影爱好者希望“一镜走天下”,对变焦范围小的镜头都不满意,更别说定焦镜头了,其实,真正从摄影的角度分析,定焦镜头有许多优势。 首先补充一点点英文概念:一只定焦镜头(prime lens)特指只有一个固定焦距的镜头,相对应的另一种镜头则是变焦镜头(zoom lens),后者拥有可调整的多种焦段。虽然变焦镜头比定焦镜头在取景上更为方便,但是很多摄影者最终会选择一只定焦镜头作为自己最主要的拍摄伙伴,下面是最重要的6个让人钟情定焦镜头的理由。 1.实惠的价格 一般来说,定焦镜头要比变焦镜头的价格更低廉,相对变焦镜头,一只Prime Len采用更少的镜片组以及更简单的结构设计,一般来说,最出色的定焦镜头只有变焦镜头的一半价格,尤其是50mm焦段,几乎是各家最便宜的镜头焦段。 2.较小的畸变 畸变是变焦镜头最大的软肋,几乎所有涉及广角的变焦镜头都存在明显的畸变问题,而定焦镜头因为只需对一个焦段的成像进行纠正与优化,所以往往很少会出现畸变现象;另外值得一提的是,旁轴相机在广角畸变上比单反相机有天生优势,例如15mm/f4.5等超广角镜头甚至完全不存在畸变。 3.更锐利的成像 简单的镜片结构自然会带来更锐利的图像,尤其是那些含有ASPH非球面镜片的定焦镜头,在最大光圈下也能提供极为锐利的焦内成像。 4.柔美的焦外(Bokeh) 在相同价格下,定焦镜头可以比变焦镜头提供更大的光圈(事实上变焦镜头的极限光圈便是F2.8),也就意味着更柔和的焦外虚化(Bokeh)效果,除此之外,定焦镜头的光圈叶片更多,接近圆形的光圈会提供最漂亮的Bokeh。
最新发布

UX设计值得参考的四个动效使用方法
微交互是明年流行的设计趋势,至于原因,来看这4个用动效完成微交互的设计实例你就懂了。动效可以告诉我们一些故事。例如「现在就让我看看吧。」、「操作已经完成了。」等等,像这样既不会很长,又不会很复杂的故事。动效的目的,并不是为了娱乐用户,而是为了让用户理解现在所发生的事情,更有效的说明他们的使用方法。我们不再只是去设计一个静态的画面。去思考怎样才能将用户从单纯的画面,引导到实际操作的内容对设计来说是非常重要的。为了让动效变得好看,功能统一,可以广泛的应用于内容之中。用户的行为和条件状况,被用户注意的地方、或者成功的传达执行动作所得到的结果这样各种各样的要素影响着。这一次,为了改善UI设计的体验。让我们用一些具体的实例来一起看看可以添加动效的位置和情况吧。01. 不要让载入时间变得又长又无聊如果无论如何打开网页都需要很长的时间的话,就想办法让用户在等待的时候感受到乐趣吧。动效可以作为能够消除用户的无聊感的代替(让用户不会感觉到一直在等待)。通过利用几个连续的动画,让用户感觉到并不是一直在等待,这在绝大多数网站都是十分管用的方法。例如左侧的列表型屏幕,在内容完全载入之前,我们可以看到,UI是一点一点分开显示出来的。

设计师如何设计出用户体验俱佳的产品
今天和大家分享一个有意思的故事,是我在第一份工作中做的第一个项目(目前在西雅图一家成长中的软件公司做DevOps工具的用户体验研究和设计)。写这篇文章是想和大家讨论一下我最近思考的一些问题,反思一下我做的好的和不太好的地方,也希望和关注运维技术发展、开发者用户体验的朋友建立联系。作者:译者:陈凌霜 Liz Chen,华盛顿大学Human Centered Design and Engineering研究生【未经作者许可,请勿转载】名词解释运维:英文 Ops,又称运维工程师,是对技术类运营维护人员的统称。运维人员的职责是根据业务需要规划信息,网络,服务,通过网络监控,事件预警,业务调度,排障升级等手段,使服务处于长期稳定可用状态。(来自中文*)DevOps:(Development和Operations的组合词)是一种重视“软件开发人员(Dev)”和“IT运维技术人员(Ops)”之间沟通合作的文化、运动或惯例。透过自动化“软件交付”和“架构变更”的流程,来使得构建、测试、发布软件能够更加地快捷、频繁和可靠。(来自中文*)为什么工程师也值得好的用户体验运维工程师支撑起了我们互联网的基础。当晚上我们酣睡的时候,他们可能随时被BP机吵醒,立即撑开惺忪的眼,打开电脑解决各种IT服务的问题;在有些施行了DevOps模式的公司,软件开发人员也会担任这一职责。他们有一套软件来帮助监控、诊断服务器的状态,自动化一些人工的工作。这些技术和软件对于提高技术人员的工作效率和生活水平、企业的生产效率来说至关重要。可以说,是这群人支撑起了整个互联网的基础,让我们普通用户可以毫无顾忌地随时刷手机看直播,以及减少碰到知乎“服务器提了一个问题”页面的几率。然而现实是,很少有人来关注这群人的“用户体验”。关于他们到底是如何工作,如何解决问题,如何与他人合作等问题,鲜有外人了解。这也是公司雇佣了我们这群用户体验设计师的原因,我们的职责就是增进产品开发团队对用户的了解,明确需要解决的主要问题,同时也让我们的产品变得更加容易理解和使用。一个创新产品和两个难题公司最近推出了一个新的开源产品,如何推广是个很重要的问题。特别是这种概念新又抽象的技术型、企业级产品。就算是经验丰富的一线开发者也没有那么容易一下子就理解,更别说企业中非技术出身、做决定的人了。

5个对比案列帮你解决设计的常见误区
说了那么多理论这次我们就以更直观的方式来和大家一起看一些案列,希望能给大家一些帮助。 排版可以讲100种都可以,可什么才是最有效的。估计就是不断的做图吧、不管是工作还是练习。这次给大家带来的是,将具体的设计案列进行修改前后的对比,分析设计的误区以及修改的原因。所以这次不讲理论、也没有案例欣赏。纯粹的案列分析对比我想或许这样更加直接看到效果,易懂一些。经常看到一些设计稿,误区明显。所以这里挑选了一些案列分享,希望能对 工作经验少人有所帮助。感谢2位朋友贡献他们的案列,要是被发现了会不会拿刀来打我,还是发个红包给我,哈哈。要是大家喜欢这种方式,后面有机会再出。以下分析均是个人观点,共勉之。Case 1Before修改前

如何在项目设计中合理使用色彩叠加效果
色彩几乎是所有设计中都至关重要的组成部分,无论是明亮大胆的配色方案,还是简约的黑白色调,你的用色将会直接影响整个设计的实际效果。近两年,在色彩运用上有许多值得一提的手法,其中最有意思也最常见的应该就是色彩叠加。使用半透明的色块(纯色或者渐变)叠加到图片或者视频上,这种效果能够强化图片本身的氛围,赋予含义,并且更好地吸引用户的注意力。今天我们来深入聊聊这种色彩使用技巧在实际运用中,需要注意的问题和值得探究的做法。使用渐变首先,渐变作为一种设计趋势,再次回归了。当你想为特定的元素叠加色彩的时候,可以尝试使用某个醒目的渐变色叠加上去。渐变色的好处在于,你可以使用多种不同的色彩一起构成渐变(比如品牌色),也可以使用某一个色彩进行深浅、明度、饱和度上的渐变,这样的设计会显得更加集中。明亮的配色方案会更加吸引用户用户,让图片呈现出某种独特的气场。这种设计趋势很大程度上是Spotify 起的头,他们在播放列表中使用了迷幻味十足的双色渐变效果,让唱片封面和艺术家头像变得更加富于艺术韵味。搞定这样的设计非常简单:·选取一张照片

详解设计师面试时如何应对面试官的提问
作为一名设计师,被质疑简直是家常便饭。相信你们在日常工作中,一定被人问过:“对于这个点,你为什么这样做而不是那样?为什么选这个颜色而不是那个?”之类的问题。其实,这也是面试中的必问问题。诈看起来,确实有点难回答。但每一个问题,其实都有他的思考路线图。今天spell就来谈谈,如何通过交互的四个维度来入手,巧妙的破解这个问题。来,我们举个栗子:比如说在面试中,作品集中有这么一个界面,面试官问道:你为什么要设计一个白色的登录按钮,为什么选这个字体?对于这种突如其来的问题,很多小伙伴反映,当场懵逼。这么做设计,有可能是为了颜值,也有可能是公司的按钮就是白色系的,甚至可能是根本没想过哪个好看选哪个。那好,用一分钟想一想,如果你遇到这个问题,你会从哪几个角度回答?今天这篇文章,就是想借着这个问题,来聊聊交互设计中的认知维度,以及如何利用这几个维度,让我们成功解答面试题,成功完成与程序员PM的“撕逼”战役,以及最重要的,辅助我们做更好的设计。对于认知路径这个问题,很多不同的文献里都写过,比如大家都敬爱的Don Norman,早期的Jonh Sweller等等,其实读这些文章的时候,我本人也是崩溃的。大家来体验一下:

数字银行品牌升级的设计过程全揭秘
Monese是一项无网点银行业务,能让欧洲经济区的居民在2分钟内创建本地银行账户,即使顾客无法立刻提供住址信息,或者信用记录不良,也没有关系。我们创造Monese,目的在于帮助9千万被“排除在金融体系外的”欧洲人,因为银行难以认同并给予他们信用授权。作为金融产品,获取用户的信赖至关重要。因此,有统一易辨识的标志,是Monese成功的关键。为什么决定要重塑品牌在Android平台发布之后,用户基数快速增长。很明显下一步就是发布iOS版,这也是回顾和改进我们形象的绝佳时机。此时我们已经有一*成的品牌识别,从真实用户身上获得的第一手产品使用反馈让我们深受启发,最终我们觉得品牌需要更好地将它们反映出来——我们对用户需求有着更深刻理解。我们从中找出了以下问题:现有Logo不够典型、独特——它显得有点幼稚,弧度过于圆滑。我们用的“Brandon”字体不够鲜明,它已经被许多创业公司滥用了,这就意味着它不可能是我们独有的。品牌元素中混合了尖锐与圆润的形式,不统一,缺乏协调。红色的广泛使用引发了一个挑战,导致Monese应用中的错误状态难以展示。

50个世界著名企业LOGO的前世今生
logo对一个企业来说至关重要,而一个好的品牌懂得不断适应时代的需要,不断优化自己的logo设计。下面的五十个logo都是我们耳熟能详的企业,看看他们最初的logo个如今的logo,相同的变化几乎都是化繁为简,更具有辨识度和设计感。一起来感受一些那些logo的前世今生。

Sketch轻松绘制MBE风格小插画教程
先看看效果图Step 1、外轮廓快捷键O,按住Shift,鼠标拖拽画出一个正圆,在右侧面板调整Fills,Borders等属性。Step 2、陆地快捷键V,使用钢笔工具在圆上绘制陆地,选中Oval图层在上侧工具栏点击Mask(蒙板)工具,建立蒙板,此时陆地只在蒙板内显示,将Oval图层的Borders(描边)设置为Outside(外侧),钢笔锚点可调,在右侧面板也可修改锚点类型。用同样的方法画右侧的陆地,同样只会在蒙板内显示Step 3、五官

详细解析移动端基于场景的设计方法
移动终端由于被用户随身携带,变成用户身体的延伸,在每一个场景中,深度陪伴着用户。也因此,移动终端获得天然的优势,得以针对用户实际所在的场景来设计,以设计出更加贴心的体验。 但是,由于设计师与用户的空间相隔,无法看到用户在真实场景中的使用情况。为了了解用户的痛点及需求,我们需要通过场景设计的方法,对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系,探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方法。什么是基于场景的设计?什么才是基于场景的设计呢?以看电影为例,在整个看电影的过程中,涉及到的主要场景有以下六个:线上买票-去电影院-线下取票-检票入座-观影-评论吐槽。基于看电影涉及到的场景,格瓦拉app设计了一个基于场景的功能:当用户在格瓦拉购票成功后,首页会出现一个人偶小浮标,在不同场景下点击该浮标,会出现不同的内容,例如在去电影院的场景下显示影院地理位置以及滴滴打车入口;线下取票场景显示取票二维码可以快捷取票;线下取票后再点击小浮标显示电影开始时间以及座位号;观影后显示别人的评论以及吐槽入口引导用户去评论(如图1)。对上面的案例总结归纳后可以得出,格瓦拉是基于用户看电影这一系列场景的判断与分析,理解用户每一场景的痛点及需求,结合上文场景,预期用户下一步的目标及意图,通过设计缩短关键流程,辅助用户提高操作效率。通过对大量案例进行分析归纳,将场景设计的概念简单归纳为:基于场景,理解需求,预期意图,进行设计。再来看一个另外一个基于场景的设计案例——拍立淘。拍立淘是手淘中的一个功能,主要通过对线下产品拍照并识别,辅助用户在淘宝内快速找到该货品。大家可能经常有这样一种购物场景:在线下店试衣服,到淘宝上找同款购买;在杂志或图片上看到喜欢的单品,在淘宝上找同款。通过分析这两类相似的场景(基于场景),发现用户在当前场景的需求是快速在淘宝上找到该货品(理解需求),并预期用户下一步的行为是通过淘宝搜索功能搜索该货品(预期行为)。因此手淘在搜索框添加了拍立淘的功能,可以帮助用户通过拍照或图片识别快速在淘宝中找到目标,提高操作效率,给用户惊喜,让用户感动(进行设计)。怎样基于场景做设计?基于场景的设计可以帮助设计师分析需求,找到设计机会点,那么怎样基于场景做设计呢?通过对大量案例的分析及归纳,我们总结出了基于场景的设计方法-场景设计四步曲(如图2),以及场景挖掘工具卡片(如图3),场景设计四步曲将场景设计的方法通过四个步骤来表示,包括场景列举、机会点挖、设计策略、衡量标准;场景挖掘工具主要应用在场景设计四步曲中的前两步,对关键场景进行描述,以及帮助设计师更清晰地应用场景设计四步曲中的方法挖掘机会点。接下来我将对场景设计四步曲进行细分拆解,来讲述每个阶段我们需要做的事情。

详细解析黄金比例在UI设计中的运用
“黄金比例”在建筑、机械、logo和图片设计中扮演着重要的角色。这里我不想写太多关于什么是黄金比例的东西,你可以在*上了解到。我只能简明地说下:我们的知觉倾向于协调和美观,我认为黄金比例是让产品变得更舒适和美观的最优雅方式。简而言之,它是一种寻求设计平衡的工具。这个技巧在界面设计中并不流行,因为它看起来很难。我会以一些简单的术语来解释——如何建立一个典型的黄金比例并把它运用到实践。几何图形黄金比例的黄金分割率是1:1.618。这很容易画出来:首先画一个正方形从正方形的中间(A点)画一条斜线到对角(B点)画一段弧线。通过画圆得到了一个矩形。正方形和矩形组成的图形就是“黄金比例矩形”。如果我们在大和小的矩形里画斜线,在交叉的地方就能得到一个焦点。把最重要的界面元素放在这个点来吸引用户的注意力,这是个好主意。