首页

视觉与觉醒

蓝蓝

不是自己一个人去做设计,而是将多样的才能向着某一方向梳理整合,并汇成信息,最近我意识到这是自己独特的手法。把才能和主题相结合,从而推导出结果。就像在一个好的网球课程里,你总能得到精准的回球。即便你打出落点不太准确的回击,球总能很好地被打回来,也能形成对打。

网页设计中优化图片的6大技巧

蓝蓝

网页设计中优化图片的6大技巧

@南辰_designer  平面设计和网页设计是两个截然不同的领域,这两个领域有不同的设计需求、设计实践和设计方法。

例如,在网页设计中更常使用基于像素或栅格的文件格式,诸如JPG、GIF或PNG。相反,在平面设计领域像logo这样的图形可能会用到不同尺寸,因此使用最多的格式则是EPS和AI这样的矢量格式。然而,用于网页的矢量格式,如SVG或HTML5 Canvas则不能广泛应用,也不会被所有浏览器所支持。

另外,用于web端的图形有基于它们自身的相关处理方式。其中一条便是你要时刻注意文件的大小,因为你需要使你的网页加载越快越好。作为一名网页设计师,你应当尽量减少HTTP对图像的请求次数——无论通过减少图片的使用数量还是将它们整合成CSS sprite——以及确保你选择了正确的图像格式,使其在图像大小和质量间得以平衡。

Photoshop是平面设计师和网页设计师使用的行业标准工具。以下是你在创建web端使用图像时的一些简单的小技巧。

1. 将图片保存成Web所用格式

在网页设计中,你必须确保你的图像大小越小越好。当然,当你想要图片完好显示时可以抛弃这条原则。
在Photoshop中创建图像的完美方法便是平衡质量与文件大小。
网页设计师经常犯的一个错误便是使用“另存为”命令,而不是使用“存储为Web所用格式”。

2702d5d227fdbb0be2cd35ac6a37f76f 网页设计师必须知道的6个小技巧

“存储为Web所用格式”可以将图像保存成基于网页设计优化过的格式,包括图像质量、图像分辨率、浏览器兼容性和文件大小。

这一命令会有一个对话框,你可以用来微调你的图像。当你调整图像的设置时,它会显示出文件的大小和图像的质量。

设计师应该知道的图片优化技巧

蓝蓝

未标题-333

前言:该文收集了前辈们的一些关于图片优化的技巧,在此收拢到一起,对于各个方法的优化原理做了一些研究,希望能给大家对于图片优化这一块起到抛砖引玉的作用。

腾讯财付通设计中心 Jia :提到图片,我们不得不从位图开始说起,位图图像(bitmap),也称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。这些点可以进行不同的排列和染色以构成一副图片。当放大位图时,可以看见赖以构成整个图像的无数单个方块。
常见的格式中JPG、PNG、GIF亦属于位图,所以它们的数据结构大致相同,只是每一种图片格式都有不同的压缩算法,不同的扫描方式,但是优化的方法都有一个共同点,都是围绕着每个像素颜色值来下手,具体如何进行优化呢?
下面来给大家介绍一下图片的一些基本原理和优化的方法:

1.JPG原理与优化
JPG是一种对彩色或灰阶之类连续色调图形作压缩和解压缩的标准.这个标准是由ISO/IEC JTC1/SC29 WG10所订定。
压缩算法为正、反离散余弦转换,如下图:

正离散余弦转换

反离散余弦转换即把整个流程反转。

这里的8X8像素区块是我们JPG优化方法的重点,在之后会涉及到取样区块量化、扫描的步骤,然而取样区块量化这两个步骤将是导致图像失真的过程,也是我们优化工作所涉及到核心部分。

取样:

奔放洋气!8种杂志封面设计方法

蓝蓝

传统纸媒衰落了?不要紧,电子杂志正当时,所以说,学习杂志封面设计技巧并不过时。
杂志封面相对来说空间充裕——8到11英尺,你需要在这样大小的空间里面合理排布文字,安置照片/插画。

你的目标只有一个:快速向读者揭示本期杂志内容
这里呢,我总结了设计师们都该知道的8种杂志封面的设计方法。

相关推荐阅读:
《2013年万圣节优秀广告设计评析》
《推荐!优秀书籍封面字体设计》
《怎么做海报?环法自行车赛100周年海报设计案例解析》

文字排布:深色字配亮色背景,亮色字配深色背景

给平面设计专业学生的建议

蓝蓝

给平面设计专业学生的建议

来自Studiomates工作室的Frank Chimero是一名知名的平面设计师,一名作家,《设计的形状》一书的作者,他的客户包括《纽约时报》、《连线杂志》、Nike、Facebook、星巴克、时代华纳、《商务周刊》等。有一位匿名者问Frank能否给平面设计专业的学生提点建议,于是他在自己的博客上发表了自己对平面设计的一些看法。虽然是写给平面设计专业学生的,里面提到的想法同样适用于其他设计领域的学生和从业者。以下为摘要:


fc

设计不等于为客户效劳。

紫色在设计中很难处理。老师在课堂上教给你的不是福音。大部分决策都是模糊不清的,所有东西都在正确性与适合度之间徘徊。

当你对别人说话或者听别人说话时,看着对方的眼睛。最好的老师把课堂当做车间,最坏的老师把课堂当做课堂(照本宣科)。

如果你画得没有别人好,或者软件没别人用的溜,或者没有钱买办公用品,或者没有别人使用的工具,那么通过多动脑思考打败他们。思考是免费的,你只需投入时间和换位思考。

最好的沟通者都擅长送礼物给别人。

床头常备两本书:一本小说,一本非小说。

高点击率的BANNER设计14招

蓝蓝

虽然互联网发展迅速,但是利用Banner来推广产品,依然是王道。
很多公司都采用这种形式进行宣传,优点多多:便宜、效果可监测、行之有效。
现在呢,假设有客户让你帮忙设计个Banner广告,你要怎么设计呢?要怎么提高广告的点击率呢?

下面将详细讲述Banner设计的14条建议。

1. 选择最有效的Banner尺寸

sizes

.Norwegian航空公司冷转热系列创意广告

蓝蓝

Norwegian航空公司冷转热系列创意广告01

广告公司Kitchen Leo Burnett Oslo利用了这种只有出国才会发生的特殊情况,帮Norwegian航空公司设计了一系列冷转热的广告创意,将人们在冬天才会穿着的衣物,用一把剪刀,仿佛迫不及待般地剪成夏款服饰,是不是真的多少增加了想要出国避寒的欲望呢!?

平面设计中十三种基本版面类型。

蓝蓝



一、骨骼型
骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式,既理性、条理,又活泼而具弹性。
 

日历

链接

blogger

蓝蓝 http://www.lanlanwork.com

存档