推荐阅读
网页制作前端技术应该继续改革
最近网上再度兴起了CSS布局和Table 布局的争论。我最初颇有些不以为然:我原以为CSS 布局的意义早已深入人心,却没想到还有这么多设计师及开发人员持有异议。静下心来看罢大家的讨论,一番细想,觉得原因可能有两个方面:所以,我们在推崇CSS布局的同时,无需为了证明它的优越性而把table本身贬得一文不值。日常开发中,也无需激进得完全抛弃table。table本身有语义,该显示数据表格的时候就应该使用<table>;在开发过程中,一些需要权衡成本的场合用table+css的布局也未尝不可。在这方面,很欣赏google 和 facebook 前端工程师们的务实做法。大家可以去关注下facebook 上常见的带半透明阴影的弹出对话框,就是使用<table>来制作的,同样非常的精妙。这一番的争论,结合近年来Web标准的发展,让我开始思考Web开发中改良和改革的区别。XHTML 2试图直接进化到XML,宣布与HTML的决裂。这曾经让我这个传统的HTML开发者感到恐慌。而当我看到WHATWG组织提出HTML5(最终被W3C认可)的时候,它的温良的改进让我感觉亲切得多,事实也证明,HTML5正越来越向我们走进。而Douglas Crockford甚至觉得HTML5都太猛烈了,提出了HTML 4.2的改良方案。再看JavaScript, ECMAScript 4 将JavaScript 改得天翻地覆,所幸技术委员会在最终阶段回归理智,重新提出的向下兼容的ESMAScript 3.1 显然得到更多真正战斗在一线的开发人员的认可。改良,而非血淋淋的改革,也许才是推动技术发展的更实际、更合情合理的方式。Web标准的演进是如此,产品或项目的升级是如此,甚至社会制度的建设亦如此。
更棒的海滩照
我的大部分旅行照片曝光都很准确,但是在海边总是会欠曝。有什么办法吗? 编辑回答 :大面积明亮的沙滩和岩石会导致相机的测光系统判断失误,从而让照片欠曝发暗。可以尝试对颜色不那么浅的物体测光,比如海面或者人物的面部。 此外,如果在相机显示屏上查看照片时画面太暗,可以遮挡一下显示屏,不让强光直接照射在屏幕上。如果这样观察,画面仍然偏暗,可在重新拍摄时以曝光补偿进行增曝,一般+1EV就足够了。要想获得更加精确和科学的判断,可查看照片的直方图,确保直方图信息主要集中于右侧,而不是在中央位置。 为了让海景照片看起来明亮,通常都需要在拍摄时以正值的曝光补偿进行增曝。有些相机提供了专门针对此种场景的拍摄模式,该模式下相机会自动完成相应调整。 影像视觉: 为了能够在各种条件下都获得准确的测光结果,无论被摄对象是亮是暗,投资一个可以进行入射式测光的测光表是非常值得的。它可以测量入射光的强度,而不仅仅是场景所反射的光线强度,从而为你的曝光设置提供更准确的参照。
你知道眼睛的光圈值应该是多少吗
你知道眼睛的“光圈值”应该是多少吗? 我们可以通过一个简单的计算得到光圈值,只需要知道人眼的焦距和“光圈”的物理尺寸即可。维基百科对这一问题是这样说明的: “计算人眼的光圈值涉及到物理孔径和焦距。瞳孔的最大孔径可以达到6-7mm,这可以视为最大物理孔径。 “在极亮的光照下,人眼的光圈值大概是f/8.3,在黑暗中,则可以达到f/2.1。不过目前关于最大光圈的结论仍存在争议,因为这一结果仅以出射光来考虑焦距问题。如果以入射光(我们真实看到的光线)来衡量,人眼的焦距会更长一些,因此最大光圈值变为f/3.2。” 需要注意的是,在考虑人眼焦距时,必须考虑到眼睛内部液体的光折射特性,不能把它当作普通镜头(位于空气中)来处理。
人像摄影时几种合适的姿势
人像照跟生活照其中一个最大分别的地方,就是拍摄人像照时,很多时候都会让模特摆出一些特别具有美感的姿势,以增强照片的美感及感染力,带出照片的主题。如果拍摄时对姿势完全不讲究的话,光有高超的拍摄技巧,很多时也只能拍摄出“高水平的生活照”,对于表达照片的主题会造成一定的困难。不过太过重视姿势的模仿,而忽略了照片的主题及其他因素的配合(如表情、光线、构图、背景等),模特也只有“形似”而没有了“神彩”。任何时候都要提醒自己,姿势是用来表达主题的其中一种手法,应先定好主题,再想姿势。 如果是专业的模特,通常只要向她们简单说明拍摄的主题及构图,再引导一下照片的气氛,她们便能够摆出专业的姿势。可惜大部分的女孩子都不是天生的模特,她们对于摆姿势可谓完全没有头绪,这也是她们拍摄时最缺乏信心的地方。因此,摄影师相约模特拍摄前,视乎心目中拍摄的照片数目,应该先想好十多二十个姿势让模特参考。亦可将参考照片储存在手机中,拍摄前先让模特看看。必要时,摄影师甚至要亲身向模特示范如何摆出心目中的姿势,这样她们摆姿势时会更有信心。 摄影教程 全身照姿势 拍摄全身人像照,就是要将模特由头到脚都拍摄进去。如果是站着拍摄的话,模特占照片的比例便最小,背景的处理变得相当重要。初学者选择背景时,尽量考虑一些简单、较暗的背景,这样通常更为容易突出模特。模特也尽量避免笔直地站着,可以指导她们将头部或身体稍为倾侧、按着膝盖、拉裙子等。如果是坐着拍摄全身照的话,可以让模特屈腿、抱膝、伸展腿部等。 相比起正面,侧面拍摄能够令腰部看来较为纤细,较能突出模特的线条美。 脚部的摆放方法也可以令照片加添变化。基本上重心要只放在一只脚上,避免双脚一起用力。 坐着的话,可以让上半身稍为向前倾,缩短上半身的比例。 坐着拍摄时,通常只会坐在椅子的边缘,刚好保持平衡就行了。
最新发布
UI界面中的文案设计有哪些注意事项
在UI设计中,文字内容的表述也是需要设计师精心推敲,仔细设计的部分。清晰、准确、简洁的文案设计能够让界面拥有更好的可用性,同用户建立信任。文案设计上的技巧很多,应当规避的误区也不少,今天为你总结16个常见的UI文案设计的误区,帮助大家少走弯路。1、尽量避免使用俗语和术语未知的术语和俗语将会增加用户的认知负荷,所以应当尽量避免使用这类用户无法识别的词汇,使用常用和易于理解的词汇能够帮助用户理解。下面就是一个典型的反例:很难说清这种错误提示信息是给系统管理员还是办公室的文员看的。2、避免使用包含大量细节的长句在绝大多数的交互场景之下,都无需界面描述出全部的细节。用户在探索过程中,逐步为他们提供更多的信息和细节是更加合理的做法。所以,当你在提供信息的时候,可以这么做:·提供信息时,问一下自己:用户是否必须在此刻此地知道这件事?
怎么让你的设计创意具有更大的影响力
今天讨论的是平面广告设计中的海报设计,如何让宣传海报带来更大的影响力,从而达到最大化的宣传效果,怎样让让消费者记住海报中的内容是我们今天重点讨论对象。要让消费者记住海报宣传的内容需要注意六个原则01、做简约的设计02、用惊奇和兴趣吸引消费者眼球03、做看得懂容易理解的设计04、信任,让消费者相信你的产品05、让消费者关心在乎,产生共鸣06、用讲故事的方法去做设计第一,简约的设计简约核心是去其糟粕、褪其繁缛,在有限的空间下,以简洁精练的表达手法来传达信息,是平面设计发展的一大趋势。提到简约的设计大家一定会想到一个人“原研哉”,它把简约用到了极致。
高级设计师是如何解构一张海报设计作品
如何解构好的作品呢?在我们的设计生涯中需要多看多想,当然要看很多的好作品来提高自己的审美,扩展自己的武器库。那么当我们看到好的设计作品时怎么办呢?大多数情况下我们都会选择看过之后就没有然后了。其实我更建议大家把好的作品保存下来,然后去思考这个作品为什么要这样做。也就是知其然,知其所以然,知道它为什么好,好在哪里,这样的思考过程对自己的提高是很有帮助的。现在我以一组adidas的海报作品来进行解构,我们一起来看看这张海报为什么如此美观大方。就是这张海报作品,下面我们对其进行分析解构。这个海报漂亮有两个方面原因,第一个原因是选择的底图好看,细节足。第二个原因则是版式排的好看。我们重点解构他版式排版这一块。首先从版式上来说,它里面的点元素相当于划分的网格:这样大家可以看明白,除了四周的天头地脚和左右页边距,这些小点将页面划分成了6*8的模块网格,如下图。
新手设计师如何培养专业的设计思维
初级设计师脱离出临摹阶段后,最重要的就是培养设计思维了。不过什么是设计思维?培养出设计思维有哪些优势?设计思维的过程是怎样的?今天这篇译文为你揭秘。欢迎关注点融设计中心DDC微信公众号:「微信ID:DR_DDC」设计思维发展史很多人都有一个误解,认为设计思维才刚刚兴起。实际上,人们对设计思维的运用已有年头:纪念碑、桥梁、汽车、地铁系统等都是其产物。纵观历史,优秀的设计师早通过以人为本(human-centric)的创造性设计过程来缔造寓意深刻、富有感染力的设计方案。早在20世纪初夫妻档设计师 Charls 与 Ray Eames 在设计 “埃姆斯椅” 之前就坚持 “在做中学”,挖掘了椅子背后的大量需求和限制条件;这款椅子在70年后的今天,依然被投入生产制造。20世纪60年代,服装设计师 Jean Muir 有 一个很著名的设计策略 “常识论(’common sense’ approach)”,非常重视自己设计出来的衣服在别人眼里是什么样子。这几位设计师都是当时的创新先驱。他们的设计方法论也被看做是早期的设计思维——深入了解用户的生活方式以及人们未被满足的需求。纽约州商业部标识 “ I LOVE NY ” 的设计师 Milton Glaser 也对设计思维做了很好的阐释:“ 我们一直都在思考,但并没有真正领悟(什么是用户真正需要的)… 是关注(attention)这一行为本身让我们真正了解了用户的需求本质、对用户需求有了充分认识。”尽管早期就有了用户为中心的设计产物,但设计在商界的地位并不高。往往事后才被人想起,也仅仅是一种提高美感的润色手段。所以很多公司根本就没有满足顾客的真实需求。因此,有些公司将设计师的角色从受限的的产品开发后端前置到了产品设计之初。以人为本的设计方法(human-centric approach)也让他们独树一帜:其设计产物不但满足了用户需求,也成功盈利。大公司在落实以人为本前,需要一套标准化机制。设计思维(design thinking)就是一套用创造性设计流程解决传统商业问题的规范化框架。20世纪 Roger Martin 和 IDEO 设计师 David Kelly & Tim Brown 共同提出了设计思维,将酝酿多年的设计方法和思想概括成了一个统一的说法。设计思维是什么?——设计思维的定义设计思维是一个流程化的意识形态(Design thinking is an ideology supported by an accompanying process.)。要彻底理解这一概念,先要弄清楚 “设计思维意识形态” 和 “设计思维过程” 。
腾讯设计师如何通过吉祥物设计总结经验
为一款软件做形象设计的流程是怎样的?今天腾讯设计师Veles把参加形象设计比赛后写的设计心得分享出来,包括前期思考,形象选定,后期展示等,全是干货,建议阅读。故事开始前言:科普:KM 是公司内部沟通软件。KM里面内容丰富,各种干货交流等等,简直~简直~是个大学内部论坛的感觉~(好吧,它确实是个内部论坛,里面潜伏各种大神)以后每逢有时间空隙,必抓起手机,撸起KM,让我看的不要~不要的~好吧,话不多说,偶然一日看到了一篇KM征集吉祥物的广告文章,里面说明 征集吉祥物。好吧,其实我只是旨在参与,其实奖品什么的都是浮云,提高自己能力嘛,增加自己经验这个才是主要的对吧?不说太多废话了,形象大概从这样的思路开始想象的~一,初步提取一些关键文字· 8个年头( 陪伴时间长)· 沉淀50万篇文章 (沉淀海量知识)
浅谈设计师如何高效的完成工作流程
很多新人在工作中出现这样的问题,看似很忙,但不出货,没绩效,针对如何高效工作我们做了一些总结来分享,希望能帮助到大家。《设计前期准备工作,做好这一步,后期的工作效率会提升很多》《了解需求:优质沟通成就客户也成就自己》从三个方面了解:《看》客户提供的有效资料和素材去推测客户的重点(比如:画册,老网站,喜欢的图片),《听》
详细解析设计师必用突出主题的技巧
不管是大设计师还是小美工,在设计中都要使用一些技巧。特别是一些看上去高大上的作品,大都是采用了技巧的,负责机会使的图片显得非常的平庸。下面是一些常用有非常有效的方法。第一中:放大主题就是把要表现的主题放大,这是大部分的设计师都用过的。但是能用的娴熟,使得画面和谐也是非常难得。因为大部分时候是要配合其它技巧的。还要注意当大的尺度,有时候要非常的大,达到不和谐才会ichu效果的。看似简单,也不是那么简单。下面是电影《玫瑰人生》的的海报,欣赏一下,感受一下。第二:提高亮度把主题提亮,背景压暗,更能突出主题。这种方法实现起来稍微麻烦一点,要用到一些高级的调色技巧。对高水平的美工也是非常容易的。第三:远虚近实 远小近大
设计师必须掌握的色彩叠加应用指南
色彩几乎在所有的设计工作中都是很重要的一项内容,无论你喜欢鲜亮的色彩,大胆的色调亦或是极简抽象的黑白配色,你所使用色彩都会对整体设计的风格产生一定的影响。在我们的设计工作中通常用到的一个方法就是色彩叠加,例如在一张图片或一个视频上面叠加一个半透明的图层,这种方式会给图片增添一份特别的韵味,不仅能牢牢地抓住用户的眼球,而且还能给用户留下无限的想象空间。今天我们通过几组不同的案例来揭密色彩叠加是如何发挥作用的,希望能够抛砖引玉,为你们的设计工作带来灵感。使用渐变色渐变色是非常酷的,当你考虑使用色彩叠加的时候渐变色是个不错的选择,它不仅具有强烈的视觉冲击力,而且对用户来说是非常具有吸引力的。渐变色的特别之处在于我们可以使用一组颜色进行搭配,即可以加入品牌色,也可以使用一种能够使用户聚焦的色彩,明亮的配色不仅能够吸引用户并且给会图片带来一种热情的感觉。这种风格我们自然会想到Spotify(Spotify是全球最大的正版流媒体音乐服务平台,2008年10月在瑞典首都斯德哥尔摩正式上线),它使用同色系的渐变突出显示播放列表。这种方式赋予了图片新的生命力并且得到了用户的喜爱。这是一个很容易学习并融会贯通的技巧。选择一张图片,使用品牌色叠加到图片上,调整色彩的透明度即可。纯色决定图片基调
实战解析如何从设计思维转变为产品思维
最近半年因为机缘巧合我从交互设计师变成了产品经理,加入了猎豹清理大师项目并负责海外市场的一些新功能。虽然我之前一直说起产品头头是道,但是真的做起来还是压力山大。并且因为事业群改制和团队重组,只能自己一个人从头做起慢慢摸索,上半年光顾着加班了没时间写文章。好在现在负责的产品从零到千万日活开始稳定下来,自己也有了足够时间和信心去思考总结半年的收获。因为身边有过转产品想法的同学比较多,自己也认识很多小伙伴是新人产品经理,所以今天想先和大家探讨一下如果要一个优秀的产品经理、从设计思维转变为产品思维,需要面对的几个挑战。首先解释下什么是设计思维?设计师的工作是在产品的交互和视觉层面提供合适的解决方案,所以设计师会先确定用户是谁,然后了解用户的使用场景,最后根据目标去思考用户体验好的解决方案。这个思维的架构套在产品经理上也同样适用,但是其中的内容就发生了很大的变化。产品经理的本职工作是:1)收集用户和市场的信息,决定产品的目标和方向;2)结合能力和资源,思考目标的实现路径和策略;3)协调团队合作最终达成产品目标;这个定义带来的改变就非常的多了,比如说1,工作方式完全突破了产品设计的界限设计师或者研发通常会关注在产品的实现层面上,但是产品经理会关注在产品的业务层面上。比如你是QQ视频的产品经理,为了达到管理层制定的美剧类目30%流量份额的目标,那可能最让你牵挂的不是开发什么功能,而是如何获得某个热剧的版权或者通过合作建立版权共享机制。又或者你是某二次元社区的产品经理,为了提升社区的活跃和粘性,你可能想的不仅仅是简单加个弹幕视频功能,而是如何把合适的一群人筛选出来并且建立独特的社区文化。再比如我们公司有一种职位叫商业产品经理,顾名思义就是负责产品商业化的,他们的工作就是在不同的产品中去思考怎么赚钱,怎么加广告的。可千万不要小瞧这个工作,他们要挖掘产品中合适的广告场景,需要打通广告上游和下游投放的关系,还需要设计广告的深度学习体制,甚至有时候要因为广告政策要去和外部打点各种关系,这一种工作有的人一扎就研究了好几年。
解析黄金分割加布尔运算制作LOGO
此文章并不是纯理论,也并没有太多的延伸项,所以就总结的非常通俗易懂,也加入了一些自己做的实例,也有许多做的好的LOGO放在上面让大家欣赏,寻找灵感。