设计
在你的设计中加入水溅效果
在你的设计中加入水溅效果
Step1 创建背景
新建文档500*647px,用渐变工具,设置径向渐变。 前景色:#ceed12,背景色:#18600。创建如图的效果。
新建一个层,选择对称渐变。 混合模式:差值,使用黑色和白色作为前景色和背景色。创建如图的效果。
设置混合模式为柔光,降低不透明度,获得如图的效果。
Step2 加工瓶子
放入瓶子的素材,调整大小
使用魔术棒工具,选择白色区域然后删除。然后如图调整位置。
改变瓶子的颜色为绿色,创建一个新层,选择一个绿色,填充到酒瓶的选区。然后改变混合模式为色相。
创建一个瓶子的选区和一个新层,使用柔和的黑色笔刷描边瓶子的两边,然后混合模式为柔光。
“齐迎大运之页面设计大赛”个人点评
因为一些原因,让我也参与了学院与深圳大学合办的齐迎大运之页面设计大赛。在这个比赛的rater中,我是最不够资格的,不过我也已尽我所能把这工作做好。比赛的作品我都写下详细的点评,现在把个人的看法整理一下,希望能给选手交代,也给下一次的比赛点建议吧(希望这比赛还能继续)。详细作品请点这里。 评分标准是按内容,美工,创意来定优胜的,所以下面我就这三个方面说一下。 内容:什么是页面?个人觉得页面就是信息的载体,就像纸的作用一样。最好的页面应该是可以让用户最舒服地接受所展示的信息的页面,很多报刊杂志的排版更重于文字排版,因为文字是纸媒最重要的信息,图片只是起着辅助阅读的作用,便于读者理解。这次比赛我觉得很多作品在这方面上做得不是很好。因为大运会的信息量会比较大,更新频繁会比较高,很多参赛者为了追求界面的美观,采用flash来布局和展示大量的信息,而这些不是flash的强项。另外在设计排版时,有一些作品展示信息的地方不够大,这样本来可以按排在一个页面的内容会变成好几个页面。用户如果在一个网站中翻了好几个页面都找不到所需的信息,那么这个网站也会很快被用户放弃。 另外说到可行性上,主要是技术实现难度上。不少作品缺少这些方面的考虑,不过这些要求有点高,因为很多选手是更多把这个比赛只当作是界面比赛,技术上的原因可以不用考虑。有一些选手是大三大二的选手,我还是觉得需要有这方面的意识,因为举办这次活动的学生很多都是学软件工程和电子商务的。flash用来搭建页面的时候更多是因为它的交互效果和色彩图形上很有吸引力。不过在大中型网站中很少运用它来展示大量的信息,不不仅是因为需要安装flash,更多是因为它不便于维护更新,技术需要高,另外还因很多终端对它的支持不好(比如说很多手机)。另外还有一些问题,比如说字体,虽然现在已经用CSS解决字体问题,不过很多浏览器在这方面上支持还是不够。 美工:这次作品中美工上存在不少问题,听说活动前期宣传时,因为下雨,所以知道这个活动的人不多,所以学美术的同学来参赛的很少。很多页面细节上处理不好,用色也有问题。不少页面上的图像还有扭曲变形。因为这次的主题的2011年世界大学生运动会,所以说美工上的需要其实是挺高的,因为一般大学生对互联网是很了解的,能够设计出被大学生喜欢的界面是不容易的。这次比赛参赛者主要学软件工程和电子商务,美工本来就不是他们的强项,所以出现这么多问题是正常,不过为什么要搞我们不擅长的设计比赛,而不是搞我们更拿手的网站PK呢? 创意:这次比赛有二三个作品有一些地方在创意上有几个闪光点。第一个作品的”圆”,最具创意奖的获得者的apple风格,还有最后一名选手的白天黑夜的理念(这个真的是创新),这些作品个人觉得在创意上都表现不错。 建议:吸引更多专业的学生参赛,形式上更自由,邀请行业人士参与评委,不要再让像我这种不足以服人的学生当评委。 扯完这些,想说点别的。学院的网页设计课应该放在大一来上,因为这是一门简单的课程,而且是我们专业的技术基础课。大一的时候如果就可以接触到这门课程,相信会有更多的同学会对网页设计感兴趣,学别的技术也会更快。
创意表单
表单已经从简单的HTML表单改变了很多,作品集的网站和设计机构的表单尤其如此。 目前的表单设计很漂亮而且具有创造性。除了大家都了解的方式,表单可以通过加入地图、社交网络的信息、插图等得到增强。一个固定设计别致的表单可令观众对 网站后面的人或公司有信心,从而提高到网站的整体体验。 在这篇文章重,我们收集了最有创意的用于联系表单,你可以在自己的设计中使用创意灵感。 Alexarts Tony-Johnson Daniel Hellier Lionways Trendy Web Design Step2Reality Brian Handley Design Ilovecolors Try Triangle Carsonified Chocomize Electric Pulp Vincent Mazza Yodaa The Kabro Red Bull Soapbox Racer Gpacheco Ctm-Argentina Indofolio Condare Bio-Bak Shoutdigital Z-Index Media Creativeswitch Alexandru Cohaniuc Orman Clark Ctrln Ready Made Designs Socialsnack Bullet PR Envira Media Inc [...]
55个精彩的图片滑动栏
近忙一项目,用到图片滑动栏,乃广涉猎,觅此类佳作,巧在reader上看到WDL上这文《55 Inspiring Examples of Slideshows in Web Design》,得来全不费功夫,于是翻译,水平有限,错 漏请指正。 网站用来乘载信息的,大版块的意义在于让最重要的信息吸引它所应该得到的注意力。一个好方法就是在首页中使用图片滑动栏。图片滑动栏的功效来源于它 能在有限的空间中展示几个内容信息。另外滑动也是一种吸引注意力的好方法。 在交互效果很精彩的jQuery等技术的应用下,图片滑动栏已成为网页设计中潮流。之前,我们曾经写过一篇文章介绍很多jQuery图片滑动栏技术和入门教程。这篇文章收集了在网页设计中应用了图片滑动栏的55例子。 Osmond Interactive James Lai Creative open source design network Graphik Deluge Studios sprinkle penny Routes Melatonin zuno Radium paramoreredd Verdeo Tea Round Nosotros Brooklyn Fare Viget Labs zcope Syncopy hipstamatic copimaj mint SlideDeck launchmind.com Jumsoft NCover valen glue MacPaw Hwo Architects Espresso Apartments [...]
光效果:移轴镜摄影
素材:选择一张色彩丰富的大图片 效果: Step1 打开图片,复制图片,进行色相/饱和度设置如图 Step2 自由变换工具旋转图片 Step3 裁剪图片 Step4 复制图片,进行高斯模糊如图 Step5 运用橡皮擦工具,设置大的柔软的笔刷在图像中间点2-3次。 Step6 把上两层复制合并成一个图层,然后执行滤镜/sharpen-unsharp,如图 Step7 进行锐化所设置的参数 Step8 复制图层,设置叠加然后降低不透明度 Step9 复制图层,设置滤色再降低不透明度 Step10 在图片周围添加阴影,用渐变工具制作如图效果,设置一个颜色是黑色,另一个是透明的。然后改变图层模式或者是不透明度。 最后的效果 译文地址:http://tutorials-place.com/content/articles/item/photo-effect-like-in-tilt-shift-photograpy/ 转载请注意本文链接|来自focusec
优秀网站设计集锦
网页设计是一个永恒不衰的话题,也许这一刻它是最受欢迎的,但是下一刻可能就 被遗忘在角落,我们致力于跟随互联网发展的脚步,这里是speckboy的阅读者收集推荐的一些出色的网站。供给大家参考。 Paul-Rand.com Diesel Fragrance Factory SixClicks FULL Creative Slavik Dizajn iconSweets The Many Faces Of… Chester’s Feed – Cheetos.com hm-andrei.ro DDESILVA Fajne Chłopaki Chopin2010 BRANDELUXE 原文网址:Weekly Web Design and Development Inspiration – N.36 转载请注意本文链接|来自focusec
25个创意电子商务网站
电子商务网站总是被认为无趣而且不吸引人,但是,事实并非总是如 此。这个网页展示了25个电子商务的网站,他们证明了网站设计上的创新。可能在布局、图片、设计风格或者网站结构上,但是所有的都打破了典型的电子商务网 站的模式。 Ride Four Ever Mom & Popcorn The Affair Hipstery Benestar Green Label Organics RedVelvetArt CellarThief Shirt Fight K2 Snowboarding Storenvy Edge of Urge ‘47 Levi’s McMenamins Giraffe Saddleback Leather Company Kate Spade Yellow Bird Project Clever Craft Pally Giraffe Mouse to Minx Cinnia Edua Duchy of Cornwall Nursery 原文网址:25 Creative E-Commerce Website [...]
世界上最受欢迎的10个PPT
大学每次期末考试的时候,班上抱佛脚的同学主要的复习方式不是看书也不是看笔记,而是看老师的PPT。 PPT可以说是把知识结构做得最直观的文档了。在快速阅读的现在,分享PPT是一种很受人欢迎的知识分享方式。下面是著名的PPT分享网站 slideShare上最受欢迎的10个演示文档。鉴于slideShare在演示文档上的流量和知名度,这些文档也可以说是目前世界上最受欢迎的10个PPT了。这些 PPT不仅知识丰富,而且制作都很精美。(注:对PPT有兴趣的同学推荐看一下文章底部秋叶老师的《如何成为真正的 PPT高手》)。 The Brand Gap View more presentations from diab5. 这个有4912 favorites,是排名最高的。另外这个是三年前发布的,不过三年前的文档已经找不到了,上面的文档是应该是同样的。 Death by PowerPoint View more presentations from www.kapterev.com. 这是一个很不错的有关PPT怎样设计的演示文档,有3076 favorites。 Social Media View more presentations from Alex Wong.这个有2687 favorites What the F**K is Social Media: One Year Later View more presentations from Marta Kagan.这个讲社会化媒 体的PPT有2292 favorites,这个榜单中有不少是和社会化媒体有关的,不过这些PPT也最精彩(个人看法) Shift Happens View more [...]
