Blog

20 search results for:

7

Photoshop中图层混合模式全解

/ in Boke / by andy
相信玩photoshop的人,都知道图层面板中有一个“图层混合模式”选项。为当前图层选择不同的混合模式,可以跟下面可见图层合成许多不同的效果。但是大多数人当中,对于图层混合模式的原理,却一知半解。 事实上,图层混合模式就是一种简单的数学运算。下面我将列举计算公式,并以实例演示运用,希望可以加强大家对图层混合模式概念的理解。 ========================================================== 定义:白色色彩值=1,黑色色彩值=0,A 为色彩值,A=像素值/255,0≤A≤1 设 A 为当前图层图像像素的色彩值,B 为下层图像像素的色彩值,混合结果图像像素色彩值为 J,则各种混合模式计算公式如下: 1、叠加: J=2*A*B,(B≤0.5);J=1-2*(1-A)*(1-B),(B>0.5),上层决定了下层中间色调偏移的强度: A=0.5,结果将完全为下层像素的值,即J=B; A<0.5,则下层的中间色调将向暗部偏移; A>0.5,则下层的中间色调将向亮部偏移。 2、变暗:J=B(B≤A);J=A(B≥A),通过比较上下层像素后取相对较暗的像素输出 3、变亮:J=B(B≥A);J=A(B≤A) ,通过比较上下层像素后取相对较亮的像素输出 4、正片叠底:J=A*B,将两层像素的标准色彩值(基于0~1之间)相乘输出,其效果可形容为两个幻灯片叠加在一起然后放映,透射光需要通过两个 幻灯片从而被削弱了两次 5、滤色: J=1-(1-A)*(1-B),将两层像素的标准色彩值分别反相后,相乘再反相输出 6、颜色减淡: J=B/(1-A) 7、颜色加深:J=1-(1-B)/A 8、线性减淡: J=A+B ,将上下层色彩值相加,结果更亮 9、线性加深: J=A+B-1…
8

网页banner广告的几种设计技巧

/ in Boke / by andy
在网站开发项目中,页面效果设计是首当其冲的一环,除非是一些大项目,客户一般不会给设计师太多的时间。所以,如何在短时间内设计出好的效果图,搞定客户,便成了设计师的重要问题。解决这一问题的有效方法之一便是设计出精致简单的banner广告添加到页面适合位置,增加页面亮点。下面是几种常用的banner广告设计技巧,稍稍整理出来以供大家分享。 1. 主题明确 广告设计最好是一副图片表达一个主题,主题之外的元素尽量做到最简,以突出主题,让人第一时间识别广告含义,内容繁多的广告画面往往不被访问者接受。 < 2. 关键字突出 表达广告意图的关键字要突出显示,让用户第一眼就能知道我们想要做什么,有什么活动,或者商品有多少优惠等等,其他信息则要弱化处理。 3. 构图符合阅读习惯 人类视线一般是从左到右、从上到下的浏览习惯,所以构图时一定要考虑到这个问题,如下图: 如下不可取: 4. 短时间内产生点击欲望 我们一般浏览网页时视线基本就是一扫而过,对感兴趣的内容注意力也就集中几秒钟,所以过场化形式化的东西就不要放上去了,直奔主题是最好的选择,并搭配鼓动人心的词句即可。 5. 色彩适宜 通常很多广告借助“亮”色来吸引眼球,但实际上可能会起反作用,太过亮丽的色彩会让人感觉刺眼、甚至产生反感,所以应该尽量采用比较柔和友好的色彩更合适些。 6.信息数量不宜过多 其实这点还是跟第1点一样,还是强调“主题”,因为banner尺寸有限,过多的信息或者过多的产品数量会让人分不清主次,容易产生视觉混乱,从而让访问者产生反感。 <取产品局部特征图,同时配合宣传语,简洁明确,易于识别 产品数量过多,没有亮点,页面堆的太满 7. 留白 按广告设计习惯,适当的留白可以收到事半功倍的效果,切忌画面太满。
9

网页工作原理

/ in Boke / by andy
自从Internet诞生以来,其发展速度之迅猛前所未有,越来越多的公司或者个人都在网络上建立了自己的网页和站点,而且在可预见的未来里,将会有更多的人利用网络来开展自己的工作甚至改变自己的生活。虽然有如此之多的人每天都在浏览网页,或者设计网页,但是网页是如何显示在浏览器上的?是通过什么原理进行工作的?能回答这两个问题的人却并不多。下面说一说几种常见的网址输入格式不同的网页的基本原理。 一、标准网址:域名+目录+文件名称 例如:https://www.webdesign.com/web/principle.html 其中, www.webdesign.com为计算机域名; web为计算机根目录下的一目录; principle.html为该目录下一具体文件。 对于一般的html文件,Web服务器会直接把文件传回给浏览器。标准的网址书写格式让浏览器与Web服务器之间只有文件传输的关系。具体通信过程如下: 1. 浏览器首先通过www.webdesign.com域名来定位Web服务器,取得联系,并建立信息传输通道使信息准确传输; 2. 信息通道建立好后,浏览器会向Web服务器发起下载web目录下的principle.html文件; 3. 文件下载成功后浏览器便会解释执行principle.html文件中的html标记,如果有图像,则下载图像文件,然后一起显示在浏览器窗口上。 二、域名+目录 若浏览器查询的是目录,则Web服务器会判断这个目录是否含有默认文件,如果有,会将默认文件传给浏览器,没有则把目录的文件列表传给浏览器。如https://www.webdesign.com/web和https://www.webdesign.com/computer,这两个网址从表面上看都由域名和目录 组成,web的子目录下放置有默认文件Index.html, computer目录下未放置默认文件。在浏览器地址框里输入第一个网址,一旦连接成功,服 务器便把默认文件传回到浏览器端,最后解释执行该文件;输入第二个网址,返回的则是该目录下的文件列表, 这与FTP有点类似。 如果服务器端不允许浏览器 访问文件目录,浏览器端将会显示提示信息“不允许访问文件列表”,表明服务器端的一些设置要求必须明确指定要下载的具体文件名,如果浏览器没有找到要找的 文件,则不允许下载其他文件或子目录。 三、只有域名 此格式应用最多,当我们把上述的网址 输进浏览器地址框执行时,浏览器首先与计算机服务器取得联系并建立通信信道,然后就向服务器发出要下载该网站网页的请求。由于没有明确下载文件具体名称, 服务器就默认下载文件为服务器根目录下的文件Index.html。因此一旦收到下载请求,服务器就自动把该文件传回到浏览器端。最后浏览器启动解释执行 功能来解释运行Index.html文件,并把最后的执行结果显示在用户的面前。 四、带程序的网址 若浏览器要下载的是扩展名为ASP或CGI的脚本程序,那么Web服务器会自动启动解释程序,然后把程序执行的结果传回给浏览器。例如…
10

网页设计标准之“不过三”

/ in Boke / by andy
从事网页设计也有些时日了,颇有一些心得,与之前的平面设计比起来,网页设计更多的强调了功能性和结构性。下面是自己常用来设计网页的一些标准,记录下来与大家共同分享。 1,首页“三”禁忌 一般浏览者进入一个网站首页,主要目的并非是想了解建站人员的自我介绍。自我介绍可以单独做个页面,在首页挂个链接即可,浏览者若对网站感兴趣,自然会去看网站介绍。所以,不要在首页放自我介绍的类容,此为禁忌一。 “欢迎光临”之类的字眼不用太过明显,这些词语虽体现建站人员的友好,但对浏览者并没什么意义,太明显更有干扰其视听的嫌疑,让人产生厌烦心理,于网站宣传不利。所以,这类字眼字体不要过大,不要放在主窗口等显眼位置,此为禁忌二。 还有一个就是,未完成内容不要在首页挂链接,仅以文字显示达到栏目预告效果即可。因为,若浏览者点击链接,等数秒钟后弹出“栏目建设中”界面,会很让人顿生无名火。此为禁忌三。 2,首页长度不过“三”屏 首页页面尽量做简洁些,在一屏半以内最好。若内容类别确实过多,又必须第一时间展示出来,那就想办法控制在最多三屏以内,没人愿意总是握着鼠标往下翻半天寻找内容。若三屏也控制不了,好吧,办法不是没有,你就尽情释放你的创意才华,把界面做得足够吸引人,让访问者捏住鼠标爱不释手。 3,界面主色不超过“三”种 稍有平面基础的人都知道,画面颜色过多,容易让人眼花缭乱,分不清主次,不能很好的凸显主题。对于网页这种结构性和功能性更强的“平面作品”,颜色更不可过多。一般大面积主色两种,再加一些小面积亮色作点缀即可;大面积主色可从网站logo用色同类色系中选取,其他点缀色与主色协调即可。 4,网站所用字体不超过“三”种 网站字体不可过多,要体现统一性和规范性,一般两到三种即可。需突出的地方可以更改文字样式、颜色、大小等。字体的选取尽量控制在系统自带的范围内,因为浏览者看到的网页显示的字体是由其使用的浏览器来控制的。
11

网页设计排版与布局

/ in Boke / by andy
网页设计虽不像平面设计那样可以天马行空,但在浏览器有限的空间里面,还是有很大的发挥空间的。网页更多强调的是功能和结构,所以要讲究排版与布局。 说到排版布局,还得从构成说起,构成是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型。有空间构成(平面构成和立体构成)和时间构成(静和动)。设计就是要协调这些元素,顺应视觉感受,得到我们期望的效果。 那么怎样的布局才算好的呢?这涉及到各种元素(文字、图片、色彩)的有机结合。一般来说,有如下几点: (1)稳定性:我们的视知觉总是试图找一个平衡点,若找不到则产生混乱。 (2)对称性:相应的部位等量,易产于统一的秩序感,但比较单调,可采用增加局部动势的方法,以取得鲜明、生动的效果。 (3)非对称平衡:可以平衡为基础,调整尺寸形态结构。或者以形态各异的形,经视觉判断,放置在确定的位置,以得到预想的平衡。这个和个人的审美有关系。 通过上述的一些方法,我们给界面创造秩序,使相关的东西起作用又不会相互干扰。通过平衡、比例、节奏、协调,形成我们自己的风格。当得到满意的布局效果后,进一步需要考虑的就是主次分明。把自己认为最主要的东西做大一点,突出一点,色彩鲜艳一点,其它的东西放小且色调不要那么鲜明,以免喧宾夺主。
12

国内主要电子商务网站注册流程分析及探讨

/ in Boke / by andy
一个成功的电子商务网站,除了拥有良好的架构,友善的界面,还有一个重要之处就是完美的细节。有句话叫“细节决定成败”,网站亦如此,比如注册环节,就是保证电子商务网站成功运营的重点细节之一。 复杂的注册流程,注定是网站的一大败笔。用户在填写复杂的注册信息时很容易出现反感心理,影响用户的下一步操作,从而对网站留下不好的印象,最终导致网站运营不顺畅。 所以说,我们必须争取精简的注册流程,尽可能让用户一步到位完成操作。当然很多时候这是很难做到的,此时就需要清晰的导航式的注册流程,分步骤引导用户完成注册资料。 下面来看一下国内的几个主要的电子商务网站注册流程设计: 淘宝网注册页面 算得上目前最优秀的流程设计了,虽然也有三步,但它将这些统统放在同一个页面,显得更加直白易懂,一目了然,用户不必再去想注册究竟有多少个步骤,麻烦不麻烦,更加人性化。 支付宝注册页面 导航式注册流程,标签清晰引导,让用户随时知道注册进展步骤;但操作时间成本较多,需要一步步完成,让人感觉繁琐,部分用户会因为没有耐心而中途离开。 盛大注册页面 非常简单,无提示步骤,直接展示了全部需要填写的信息,且信息量很少,可谓真正让用户注册一步到位。 由上面几个例子可以归纳出注册基本流程: 所以设计注册流程时,要以用户的角度来设计表单,在系统和用户各取其需的前提下,最大限度减少信息干扰,做到干净简洁,使用户轻松完成注册。

Need Translation Service?

Please enter your personal details and we will contact you shortly.