moffee's blog

关于素材的整理

    这仅仅是一个示意图.在以往的日子里,我做到了只要脑袋里冒出一个想法,立刻就能知道我需要用的素材在什么位置…那时候我很穷,穷到连买书的钱都没有,更别说是买动辄几百快的设计资源光盘了.         设计师最大的特色,我认为是他特有的那个文件夹,或叫”杂七杂八”,或叫”乱七八糟”,或叫”什么都有”或叫”大杂烩”,这里的东西,没有人会太在意,但是往往很多优秀的idea或很眩的效果都是从这里得到的灵感.可以说是精华集中的地方,也可以说是垃圾的集散地.我甚至以这个文件夹是否存在来判断一个设计师的水平高低……         在指导同事的这段日子里,我发现了一个很重大的问题.他们知道收集素材的重要性.他们也知道这个动作将会大大缩短他们设计的时间.但是他们对素材的分类做的不够仔细.很混乱.不利于自己快速找到适合的东西,而且他们对素材的记忆很差.基本上属于看着不错保存下来,仅此而已.         而我在收集的过程中,每一个被我保存下来的东西都有它被我保存的原因.是结构新颖还是颜色搭配很好还是动作优雅高贵,这仅仅是第一遍的记忆.在我把这个东西保存到自己的计算机里的相应的分类里时,这是第二遍记忆.每隔一段时间,我会再去浏览一遍这些素材.这是第三遍记忆.         我的分类很详细.我的素材很多很多.每过一段时间我会删除一些我非常喜欢的东西.因为我已经有能力做出这样的东西.甚至是举一反三以及更多的变通.我清楚的记得我在什么地方可以找到什么样的东西.那些很不起眼的txt文档可以让我在短短十数秒之内找到当前文件夹最具特色的几个文件.我很擅长用ACDSEE去重新命名这些文件.我的图片全部是一套接一套.全部都是,绝对没有哪张图片是孤零零的一张.因为我会抽时间去仿照那些效果去做东西.所以,在每个目录下几乎都增加了一个psd或ai或fla文件夹.         慢慢的,我开始不看那些素材.偶尔只是到里边挑几个楼或几个风景..间隔的时间越来越长.我开始逐渐抛弃这些素材….. 抛弃你收集的素材!         经过一遍遍的分析和对比.我脑袋中对这些素材的了解越来越深.我甚至可以分辨出哪个网站是哪个公司做的.我甚至可以告诉你哪个站哪个地方哪张图片可以直接用在我的东西的哪个位置.而每有一个想法我都会迅速的想到他的处理技法.这一切都归功于我对素材的理解和分析.到了这一步.你认为你还需要素材么?         在不得不把自己的硬盘清理了之后再COPY那些素材,在不得不从40G移动硬盘升级到80G之后,我离开了收集了那么久的素材的那个公司.我自己的机器里只有可怜的一部分,而公司的却是满了一台机器之后又换了一台.这些都是我的心血.但我不会回去copy.包括我之前作品的源文件,因为我相信,我绝对可以超越以前的一切…. 对比和分析,以及尝试性的摹仿,会让你的水平一天天的增长.         我每天都有固定的时间徘徊在那些酷站列表之上.每一个我有兴趣的酷站我都会去认真的分析它.直到我弄明白这个站点的设计思路.直到我明白它为什么要这样做,和这样做的好处.这让我对地域文化有了更深了了解,让我对各个国家的风格有了进一步的把握.我会拿两个非常相似的酷站在一起对比.去研究他们的亮点,然后想着这个亮点用什么样的手法才能处理出来.如果是我,我会怎么样去突出这个亮点.所以我的同事经常会看到我看一个站超过半天.我的垃圾桶里有很多纸,都是被画了一遍又一遍的.我能够把一个站的某一个特色演化成另外一个完整的站点.没事的时候我会在脑海里去演变那些让我很感兴趣的效果.在学习css的时候,我经常去down那些酷站的style下来分析.把位置调换一下,如果是我,我是否能想到跟它一样的甚至是更好的方法,我每天都在不停的思考.学习.直到我发现我一个人孤零零的在学习…         刚开始做网站的时候,直接去搜那些好的站,然后找到一个合适的,页面另存为.然后去修改.后来随着素材的累计,我对自己的做法深感厌恶.我开始用ps做整图,虽然上头不允许我这样做,说浪费时间,但我还坚持,最后我做到了速度跟改另存的网页一样,做图的时候我时刻在想着怎么样处理能让我的布局更简单而效果不变.怎么样才能让这张图的重复利用率增加.在同一个背景不同颜色的时候我怎么样让制作的时间缩到更短…那时候,仅仅是在追求利益.但我在追求利益的同时把握到了最好最快的学习手段,至少,我是这样认为的.         我还是在设计的底层打拼.我的文章被人转载的时候从来不会署我的名.也没有人加上原文地址…我努力让weilaixu这个词组哪怕是不出现,也不要让别人看扁….以前我甚至在每一个站完成后,在最不显眼的地方加上感谢的字样,感谢我抄袭的那个站.这是不被公司允许的,所以我加在他们看不到的地方.但是当我看到我改的东西被人家抄袭后,我里边的感谢字样竟然还在…..我究竟是很无耻呢?还是一般无耻?         我写文章写的很痛苦.经常想吐血.明明是自己理解的东西.偏偏在文字上就是写不出来.我很难过.但我不会放弃.         我把我的中文ID改为”有粪量的人”,总有一天,我会让那些粪量,全部变成黄金!!!!! 原文地址:http://weilaixu.cn/view.php?id=117

阅读全文

css图片拼合

CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置. 这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标. Yahoo! 首页是使用此技术的一个实例. 这个网站 http://spritegen.website-performance.org/ 提供快速合成。

阅读全文

几个素材网站

见到很多人在找素材站,推荐几个好的素材站,他们真的是想的太周全了。 非常喜欢里面的素材,整理的很好! http://www.zcool.com.cn/ 天极网,好多清晰大图,也是分门别类。 http://pic.yesky.com/ 易图素材,相当不错。 http://www.yiitoo.com/picfr.aspx 一个据说是世界上壁纸最好的外国网站。。 http://www.desktopography.net/ 高清晰高分辨率的图片 http://sc.citk.net/ 酷站收集方面 http://www.design63.com.cn http://www.photoshop.org.cn 其他一些素材网站就很多了 http://www.68design.net http://cool.citk.net/ http://www.zcool.com.cn/

阅读全文

史前一万年

史前一万年一直想去看看,周末终于去阿房宫影院一睹为快。总体感觉还可以,画面制作比较细致真实,场景浩大,没有白看。 和以往的电影一样,这是一部冒险片,讲一个人为了救出被掳走的族人,和敌人、环境、怪兽展开了激烈的搏斗,不断的成长,最终抱得美人归。 贴几个剧照,一起欣赏下。

阅读全文

申请了新的msn

本来想申请一个 moffee@live.cn , 结果被注册了,只要申请了一个 mofeibiwu@live.cn ,虽然俗了一点,不过也算好记吧,呵呵。 欢迎大家加我的msn,希望有一天能摆脱QQ,虽然已经是会员了…

阅读全文

十个网站盈利模式

网站是如何盈利的?有多少种好的盈利方式?如果我想运营一个网站怎样如何寻找盈利点?我适合做哪一种网站? 网站盈利模式一:在线广告 最主要最常见的网络在线盈利模式,国内做的较好的是新浪(www.sina.com.cn)、搜狐(www.sohu.com)、网易(www.163.com)等门户网站(包括行业门户)。大多个人网站的盈利模式也是采用这种方式,靠挂别人的广告生存。 新兴的在线短视频网站,通过影音载入前后的等待时间播放广告主的在线广告。典型例子: 国外的youtube(www.youtube.com) 国内的56(www.56.com)、土豆(www.toodou.com)、六间房(www.6rooms.com)等 网站盈利模式二:彩铃彩信下载、短信发送、电子杂志订阅等电信增值形式 最赚钱的网络盈利模式之一,几乎每个进入全球排名前10万位的商业性网站和个人网站都在通过sp来获取经济回报,目前由于sp受到中国移动等运营商的限制,盈利率有些下降,以此类引力模式为主的上市公司市值较以前有缩水。典型例子: 空中网(www.kong.net) 3G门户(www.3g.net.cn) 网站盈利模式三:通过网站销售产品 A.通过网站销售别人的产品(C2C 和 B2C模式) 典型例子: 淘宝(www.taobao.com)、易趣(www.ebay.com.cn) C2C在线竞拍,从成功交易中抽取佣金。 卓越(www.joyo.com)、当当(www.dangdang.com )、鲜花网 B2C通常的B2C网上零售大概有两种操作方法,一种是您自己经销的产品,通过互联网销售;另一种则是建立一个网上零售的平台,让更多的商家通过此平台销售他们的产品。 豆瓣网(www.douban.com)营造社区,推荐销售抽取佣金。 B.通过网站销售自己的产品(含B2C模式) 大多数外贸网站和国内中小企业网站,多不胜举 网站盈利模式四:注册会员收费,提供与免费会员差异化的服务 典型例子: 阿里巴巴(www.cn.alibaba.com ) 中国B2B网站典范。 第一食品网(www.chemnet.com.cn) 中国食品行业门户 帮看网 (www.580k.com) 网页、信息监控工具 另外还有一些人才网站、电子图书、交友网站、在线电影等许多的关键信息也都是仅仅面向收费用户的…… 网站盈利模式五:网络游戏运营,虚拟装备和道具买卖 典型例子: 网易游戏( www.163.com ) 盛大游戏(www.poptang.com www.shanda.com.cn) 九城游戏(www.the9.com www.ninetowns.com) 及其游戏地方代理运营商。 网站盈利模式六:搜索竞排、产品招商、分类网址和信息整合,付费推荐和抽成盈利 典型例子: 百度(www.baidu.com) 中国商机在线 (www.28.com) Hao123(www.hao123.com) 请客800(www.qingke800.com) 威克平台K68 (www.k68.cn) 网站盈利模式七:广告中介 广告联盟网站通过给为广告主和站长服务,差价销售广告,获得利润。 [...]

阅读全文

HTML 5中的新元素

新千年以来,超文本标记语言(HTML)5 第一次向 HTML 中引入新的元素。新的结构元素包括 aside、figure 和 section。新的内联元素包括 time、meter 和 progress。新的内嵌元素有 video 和 audio。新的交互元素有 details、datagrid 和 command。 结构元素 由于缺少结构,即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别,才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素,专门用来标识这些常见的结构: ection:这可以是书中的一章或一节,实际上可以是在 HTML 4 中有自己的标题的任何东西 header:页面上显示的页眉;与 head 元素不一样 footer:页脚;可以显示电子邮件中的签名 nav:指向其他页面的一组链接 article:blog、杂志、文章汇编等中的一篇文章 语义性的块元素 除了结构性元素之外,HTML 5 还增加了一些纯语义性的块级元素: aside:代表说明、提示、边栏、引用、附加注释等,也就是叙述主线之外的内容 figure:一个块级图像,还可以包含说明 dialog:表示几个人之间的对话对于这个元素的准确语法还有争议。一些人希望在 dialog 元素中嵌入非对话文本(比如剧本中的舞台说明),还有人不喜欢扩展 dt 和 dd 元素的作用。尽管在具体语法方面有争议,但是大多数人都认为以这样的语义性方式表达对话是好事情。 语义性内联元素 HTML 4 用 5 个不同的内联元素表示略有差异的计算机代码:var、code、kbd、tt和samp但是,它无法表示时间、数字等基本数值。HTML 5 提供了几个新的内联元素来满足非技术作者的需求。 [...]

阅读全文