推荐阅读
PS调色将室内曝光不足人像照片调出甜美肤色效果
本教程主要使用photoshop调出室内曝光不足人像甜美肤色,艺术人像的处理技法,大多方法来自调色圣经里的某一篇,也结合了自己以往的经验,分享给大家,有兴趣的可以试试。 效果图: 原片: 废话不多说,下面是教程: 原图MM的皮肤没有前期化妆,所以我们第一步就是要处理下皮肤,使用修复污点工具或者仿制图章痘痘去掉,这里我使用的是污点修复画笔工具,简单方便快捷。 处理后如下
网页设计可用性指导之如何成功使用图片
nornor 俗话说,一图胜千言。无论这是真是假,图片都是网页中重要的组成部分。自从嵌入图片步骤变得简单,我们可以看到很多网站都内嵌了许多图片,其中一些 网站从不同角度展示了正确利用图片的好处,然而,大部分网站则不是如此。尽管这对于一款设计来说,并不是多大的影响,但是这些图片可能会减少你销售产品的 机会,除非你有一个很好的诱导用户的页面或者创造了很好的阅读流条件。图片是细节胜于原则的问题,处理图片应该是设计师们更加需要理解和掌握的能力。网页设计可用性指导-处理图像实际上,用户更想看到与他们想找的信息相关的图片,因此他们更青睐一个没有图片的页面而不喜欢那种充斥着无关图片,显得臃肿的页面。根据研究,在网页中使用图片的关键,是基于以下几则基本的思路:图片基本因素:尺寸,组成元素,质量,曝光率是衡量一张好图片的四大因素。用户关注图片的质量,甚至连对比度都能产生很大的影响。效率:如果一张图片令人兴奋或者让人产生兴趣,那么它就成功了。一张高效的图片包含几个特点:情感:图片中,你的产品能让激发用户使用的欲望?合理:图片展示了产品的优点?品牌:图片符合你的品牌风格?传递信息: 图片能传递正确的信息给网站的读者。
Illustrator创建无缝几何图案的流程
本教程主要使用Illustrator创建无缝几何图案的流程,在生活中也有很多这种无缝的图案,地毯、窗帘、记事本上都很常见。想一想你见到的图案应该如何来做呢?或者你是否有非常好的想法呢?再来说说创建无缝几何图案的适用流程吧,里面有很多细节可供大家参考,希望你更上一步台阶。下面是效果图下面是教程
Photoshop创意合成蓝色调人像签名教程
本教程主要使用photoshop制作蓝色调唯美意境签名教程,整体的颜色后期非常的唯美漂亮,选择合适的素材合成配合后期的调色,完成最后总效果图,喜欢的朋友一起来学习吧。先看看效果图下面是教程
最新发布
详细解析什么是优秀的设计思维与方法
在我现在的职业中,每天都在与很多设计师沟通评审设计方案,也会常常做一些面试的工作。这些工作内容让我有很多机会倾听了解其他设计师们的工作方式和思维方式。我越来越发现,在年轻设计师里一些普遍存在的问题,以及他们的困惑。这些问题都相对比较集中。在讲设计思维的方法之前,我想先从两个案例开始。在一次面试中,有位设计师向我阐述他的设计方案。他告诉我他做了市场调研,进行了头脑风暴,梳理了线上流程,研究了信息架构,并且他还体验地图分析了行为路径等等,最后他告诉我的方案的设计关键词是让信息有序化+互动性+社交性。当然实际上他的设计方案与他的分析没有什么关系,因为我听了很久也不知道他要解决什么问题,而方案与设计关键词也并没有太大的关系。我再分享一个案例,是我在一篇文章上看到的,Facebook的总监讲述LIKE的新设计。他对like的新方案的阐述是这样的。这个设计的目的是希望对like按钮进行改进,增强用户互动的意愿,以及提升like的表现力。而他做的第一件事情是理解——什么叫增强互动,什么叫表现力,背后的产品目标是什么?是用户可以更多的表达。然后他开始找如何让这个目标具体化。寻找更多可以被普通认知&广泛使用的reactions。 他通过各种途径去找,最常用的表情是什么,搜索的表情是什么,最多的短评论是什么。这其实是一个相关性的手段,设计师希望可以从侧面寻找大家在表达过程中喜欢用什么reactions,然后他找出来了,并使用之前定义好的原则来进行筛选,完成设计方案。
详细解析字体设计的细节和形式感
字习时间的活动到七十多期了,其中发现很多作品想法思路是正确的,有些还很有意思,但整体视觉效果确一般,那为什么所想和所做会有如此差距?所以有了本期要和大家聊的主题:字体设计的细节和形式感。本篇将会通过一些实例带大家认识字体细节和形式感,所用大部分实例选自我课堂中的现场修改,时间短暂难免有瑕疵,望理解。本期分享目录:一、字体设计的细节01.结构细节02.笔画细节二、字体设计的形式感01.变形02.图形化03.组合多样化
为电视做UI设计系列教程之实战经验总结
当涉及到为电视这样的新交互模式设计界面时,许多在智能手机和平板上有效的模式,都需要重新思考,如何利用大屏幕和遥控带来的输入模式。今天这篇译文采访了英国最成功的TVPlayer背后的研发与设计团队,让高手来教你。Fire TV上的TVPlayer这个任务并没有吓到TVPlayer的开发者们,这是全英国在Fire TV和Fire TV Stick上最成功的电视应用之一。TVPlayer是一款Android原生流媒体应用,可以让你在Amazon和Android设备上免费观看电视直播,它掌握了英国许多收视率最高的频道。TVPlayer在2014年作为Fire TV的一部分同时发布,它的成功一直延续至2015年、2016年。Simplestream,TVPlayer背后的研发与设计团队,接受了打造电视优先体验的艰巨任务。我们采访了运营总监Lewis Arthur和Simplestream的Android开发Michael Jordan,请他们分享Fire TV应用设计过程中的真知灼见,下面是他们的分享。设计过程:从手机到电视在登陆Fire TV前,TVPlayer已经可以在Fire Tablets和Android设备的Amazon Appstore中下载。移动端版本的设计师,将关注点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目的图片布局,主标签内有可滚动的直播电视频道列表。设计师决定坚持“浅色”主题,为了使内容突出,也保持各平台的主题一致。
验证码的应用场景和交互流程超全面总结
最近在做关于验证码项目的时候,从交互的角度梳理了各个平台验证码的应用场景,今天总结一下验证码在产品中出现的场景和交互流程。欢迎关注点融设计中心DDC微信公众号(微信ID:DR_DDC)在一个产品中,会有多个设计师分工协作,也会由不同的设计师做设计迭代,验证码这个“不起眼”的存在很可能会被忽略,导致它在每个场景的显示逻辑不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。网上一查验证码,出来的相关词都是“反人类”,尤其是“反人类”的新高度12306的验证码。△ 图1 12306验证码验证码的存在如此反用户体验,为什么还是不能缺少的呢?简而言之,就是为了证明你是个人而不是机器,我们所知的许多网络恶意攻击都是机器恶意刷导致的,为了安全就必须设个门槛将机器拒之门外。验证码通过人可以识别而机器无法识别这样的逻辑来设计,无论它以什么形式出现,都是个必要的门槛。一、注册我们通常见到它的场景是注册登录场景,注册时会出现在一般注册流程里。大多数网站注册页面选择一页填写完所有信息,一键提交注册完成。在绑定手机号不在主流程内时,验证码多数情况出现在最后一步填写内容。这在老式的论坛很常见。
让你学到交互设计师的逻辑思考方法
文本框是设计工作中常见的组件之一,无论是PC还是无线,大多仅是样式上的不同,它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发,让大家看到交互设计师在工作中的逻辑思考方法,从而达到见微知著的直观感受。先来做个设计需求吧。这个设计需求是:我们需要用户填写活动的名称。第一反应,这个是用来收集信息的,需要用户填写内容,并提交给系统,应该使用文本框。然后大笔一挥,设计如下图:这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是:NO。如何全面地思考?1. 了解需求背景首先我们需要了解这个需求的背景,多问几个问题。为什么要让用户填写?这个信息对我们的业务有什么帮助?
详细解析海报主流毛笔字体绘制教程
毛笔字体包含古代各家书体,如真书(楷书)、行书、隶书、草书、魏碑、篆字、甲骨文等等等数十名家字体。简约却不失张力的视觉感,使得毛笔字体在设计的应用上十分广泛,且多适用于游戏推广包装、商业Banner、影视宣传及个人字体海报设计。毛笔字体海报的版式字体运用的海报设计需遵循视觉浏览信息时的基本规律:“从上到下、从左到右的”。常见海报视觉版式多以对比强烈的图文为主配以几经推敲文案、以及环境渲染的辅助元素,从而营造大空间的视觉体验。简言之:形、势、色。 字体版式以中轴型、分割型布局为主,较为强调留白和图文微细节的处理,偏好简洁的视觉元素。毛笔字体实现方法用软件实现毛笔字体的处理方式较为简单,常见的PS实现方式有以下几种(此处请忽略命名,详细介绍第二种实现方式):1、字体路径变形法
如何使用这些文案让设计比较容易落地
什么是设计提案?设计提案怎么做?如何组织设计提案?如何增强提案的说服力?设计提案要注意哪些点?今天南宫若沁这篇全面系统的文章,帮你彻底搞懂这些问题。什么是设计提案?设计提案,简言之就是基于现状,针对存在的问题提出设计的解决方案。目的是为了与业务方达成共识,在后续的工作中互相支持,促进最后的项目落地。在商业设计中,常见于设计团队将自主驱动的设计方案“卖”给业务方,获得认可,并提供相关技术合作,达成共赢。设计提案怎么做?充分的准备在项目中进行设计提案,我们需要先行对目前的项目进行全面的了解,可以从以下五点进行准备。我们的用户是谁?老生常谈的问题,你对你所设计的产品服务的用户了解吗?他们年龄多大,是男是女,在何时何地,怎样使用你的产品?要更充分的了解这些信息,主要可以通过定性分析方法,邀约用户进行1v1访谈或焦点小组,初步得出用户的角色模型。再通过定量分析方法,对目前已有的用户属性进行一层提炼,并对定性分析的结果进行验证。综合定性定量分析,丰富用户角色模型,让用户形象饱满起来。
设计师必须要学习的营销色彩学知识
关于色彩,我们聊的最多的就是配色方案和色彩心理学。的确,设计师不止要明白色彩的美学特征,还要懂得用户心理。而从营销角度上来考虑配色的时候,和我们常说的色彩心理学还有一点微小的差异,看看我们今天的文章是怎么说的。为什么Facebook 的主色调是蓝色?根据纽约客的说法,原因很简单:扎克伯格是红绿色盲,蓝色对他而言是最容易识别的颜色。而扎克伯格自己也说道:“蓝色对我而言是最丰富的色彩,我能看清所有的蓝色。”这听起来好像挺扯犊子的吧?虽然事实上Facebook 的色调选取可能并非如此,但是这个事情确实从某些侧面很好的印证了色彩对于品牌,对于用户的巨大影响。毕竟,色彩在视觉上对于人类的影响是巨大的,甚至有研究估算出,色彩对于某些产品的影响超过90%。那么色彩到底是如何影响我们的,在营销过程中色彩又遵循哪些科学原理呢?随着我们针对Buffer 这个产品不断改进提升,我们也越来越意识到色彩对于产品的重要影响。接下来,我们一同来通过最新、最有趣的研究,来探索色彩的秘密。你能否根据基本的色彩分辨出品牌?在开始探索之前,我们通过几个简单的案例来感受一下色彩的强大识别性。根据下面按钮的色彩,来判断它们分辨属于哪家互联网公司:案例1(容易):
帮你扫清设计障碍的APP内图标使用指南
说设计是带着镣铐跳舞一点错都没有,看似自由,实际上其中包含了太多的潜在规则。这些规则有些是从基本的设计原则中延伸出来的,还有一些则是约定俗成的。它们并不复杂,但是非常值得注意。自从计算机拥有了图形化界面之后,图标设计就已经存在了。相比于文本,图标在人机交互上有着明显的优势:·简单、高效且友好,图标可以更好地替代较长的描述性语句。·更加节省屏幕空间,尤其是在屏幕尺寸越变越小的今天。·赏心悦目,提升整体的设计感。·最后但是同样重要,绝大多数App都在使用图标,这是用户熟悉的设计模式。尽管图标的优势非常的明显,但是设计师考虑不周的时候,图标本身所引发的可用性问题也非常之多。在今天的文章当中,我会总结App UI设计中图标相关的常见问题,并提出相应的解决方案。希望今天的总结能够让你更好地在App 中使用图标,不用在小问题上纠结。1、图标应当正确地传达信息有时候,设计师会忽略图标作为识别性标识的基本功能——图标首要的功能是表词答意的。从定义上来看,图标是一个物体或者一个动作的视觉代表。如果一个图标无法清晰地告知用户它所代表的内容,那么无疑失去了实用价值,成为了视觉噪音。