刚开始学做网站设计的时候,很多人不知道从何开始,也不知道那些方面是最需要重视的,往往会闹出很多的笑话,而这个时候恰恰是学习的最佳时机,主要你细心注意,打好网页设计的基本功,后面起来网页单来会越来月流畅的。下面就说说几点细节事项:
1、字体的选择,很重要的一个问题,用标准字标准色,这是一个规范,行距一般控制在20px左右,不要太小,也不要太大,自己大小注意,中文12px,英文11px或者10px。不要用黑色字,可以用灰度或者其它柔和颜色,统一整个网页字体的色彩以及大小,规范整体。
2、阴影的运用,注意观察Redux暗色背景上的浅色文字,你会发现它们都被添加上了投影效果。现在我们可以使用CSS3中的text-shadow属性来完成文字的投影设计,代替了在Photoshop中完成此项工作。而且使用CSS3来给文字添加阴影自由度更高,在浏览器支持的情况下,你可以给任意文字添加你想要的阴影效果。当然IE8以下版本的浏览器是不支持此项属性的,这是我们在设计中需要注意的地方。另外,和前面提到的其它设计细节一样,网站建设中阴影的效果也要足够柔和,不可过于强烈,不然很容易让整个设计看起来有一种脏脏的感觉,显得不够精致。
3、网页的层次,这一点在我的深圳网页设计进阶之八--层次、空间(透视、立体)的浅入中已经有所体现。不再赘述。纯粹的理论不是我的风格。所以,下边的全部是图文搭配,同时,带有教程性质的一些图片也将会出现。曾经在蓝色上看过一篇关于像素画的文章。这是一种常见的手法。简单点介绍一下。
4、像素的严格追求,真正的细节应用在像素级。我们再来看Concentrate的快捷按钮周围,靠近网页布局顶端的部分。首先,按钮背后的阴影将页面上的这部分突出出来。该区域顶端和底部的两个简单的单像素线是一个简洁的设计方式,它使得这个区域在视觉效果上更明显的区别于页面上的其他元素。
5、行间与字间距,Viget 的网站是字体究竟对网页设计有多重要的完美实例。下面的截图来自他们的作品集展示页,再一次展示了大字体是如何帮助创建开放空间的。即使是这种清爽的细线体,他们也使用了宽阔的空白。另一个值得称道的地方是他们对于行高 (line height) [行间空白]的的绝妙选择。行间距被设定得比默认值大很多,大大增强了文字可读性。也许下次你可以在自己的设计中也试一试这个技巧。
最后说下网页之中的内容排版,内容才是一个网站设计的核心点,之所以放在最后说明,是为了引起大家的注意,网站的设计再精美都是装饰而已,内容才是浏览者真正需要去关心的东西,如何合理的排布网页的内容,需要设计师对客户网页设计的内涵有深入的理解。

新手在网站设计中需要的一些细节问题
网页设计中有哪几种常用的图片格式
网站设计中会运用到图片设计,很多图片的格式处理是非常需要注意的,图片格式关系到图片的大小,而图片大小占网页大小非常大的一部分,所以网页设计中的图片大小关系到网站的打开速度。在制作网页的过程是需要严格注重的。
1、PDF格式,是Photoshop图像处理软件的专用文件格式,文件扩展名是.psd,也是Photoshop中新建图像的默认格式。它是唯一支持所有可用图像模式(位图、灰度、双色调、索引颜色、RGB、CMYK、Lab和多通道)参考线、Alpha通道、专色通道和图层(包括调整图层、文字图层、图层效果和图层蒙板)的格式,是一种非压缩的原始文件保存格式。网站设计中PSD文件有时容量会很大,但由于可以保留所有原始信息,在图像处理中对于尚未制作完成的图像,选用PSD格式保存是最佳的选择。
当对一张照片处理完成后,保存时选择Pdf格式,能够保存各个图层,通道,蒙版等的所有信息,当再次打开时想要修改某个细节如:删除某个图层样式,修改某个调整图层或将某个Alpha通道作为选区载入等,都是很方便的。但是一般psd格式图像文件较大,不便于传输,所以一般采用这种格式保存作为作品的备份。
2、GIF图片格式,GIF是一种调色板型(palette type)(或者说是索引型)的图片。它含有多达256种的颜色。每一个象素点都有一个对应的颜色值。因为这种格式不再存在专利权的问题
GIF是一种无损压缩的格式,这意味着当你修改并且保存了图片的时候,它的质量不会有任何损耗。
GIF格式也支持动画.在黑暗的web1.0时代,它导致了大量多余的昙花一现的“新”图片(blinking “new” images),循环的@符号(rotating @ signs),birds dropping,a email以及其他一些让人厌烦的东西的出现。在更加文明的web2.0时代,在等待一个更新页面的ajax请求的时候,我们仍然会看到 “loading”动画,网站建设但是也有一些比较讨人喜欢的东西,人们喜欢把它们放在自己的网络上。不管怎么说,如果你有需要,就可以使用动画支持。
GIF也支持透明度,透明度的值是一种布尔类型数据。GIF图片里的一个象素要么完全透明,要么完全不透明。
3、 PNG图片格式,PNG的图片又分为 PNG-8 、 PNG-24 两种,其中,PNG-8 与 GIF 类似,支持 256 色调色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 拥有的优势 PNG-8 都拥有,GIF 所没有的优势 PNG-8 也有,同样的文件,PNG-8 格式比 GIF 要小, PNG-8 的特点使得它在网站设计切图环节深受网站设计师的喜爱。PNG 可以以任何颜色深度存储图像,也支持高级别的无损耗压缩、支持伽玛校正,支持交错,受最新 Web 浏览器的支持,能够提供长度比 GIF 小30%的无损压缩图像文件,最高支持 48 位真彩色图像以及 16 位灰度图像,渐近显示和流式读写,深圳网站设计不足的是较旧的浏览器和程序可能不支持 PNG 文件。
4、JPEG图片格式,是目前网络上最流行的图像格式,是可以把文件压缩到最小的格式,在 Photoshop软件中以JPEG格式储存时,提供11级压缩级别,以0—10级表示。其中0级压缩比最高,图像品质最差。即使采用细节几乎无损的10 级质量保存时,压缩比也可达 5:1。以BMP格式保存时得到4.28MB图像文件,在采用JPG格式保存时,其文件仅为178KB,压缩比达到24:1。经过多次比较,采用第8级压缩为存储空间与图像质量兼得的最佳比例。JPEG格式的应用非常广泛,特别是在网络和光盘读物上,都能找到它的身影。目前各类浏览器均支持JPEG这种图像格式,因为JPEG格式的文件尺寸较小,下载速度快。
5、BMP图片格式,BMP是英文Bitmap(位图)的简写,它是Windows操作系统中的标准图像文件格式,在Windows环境下运行的所有图象处理软件都支持BMP图象文件格式。Windows系统内部各图像绘制操作都是以BMP为基础的。随着Windows操作系统的流行与丰富的Windows应用程序的开发,BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富,深圳网站设计几乎不进行压缩,但由此导致了它与生俱生来的缺点--占用磁盘空间过大。所以,目前BMP在单机上比较流行。BMP位图文件默认的文件扩展名是BMP或者bmp(有时它也会以.DIB或.RLE作扩展名)。
6、TGA图片格式: TGA的结构比较简单,属于一种图形、图像数据的通用格式,在多媒体领域有着很大影响,在做影视编辑时经常使用,例如3DS MAX输出TGA图片序列导入到AE里面进行后期编辑。
其他还有些网页设计中比较冷门点的格式,如TIF、PCX等格式,一般就用的非常少,这里就不做一一介绍了。合理的运用好格式可以很好的控制好网页布局。
网页设计的背景设计方面的一些建议
跟大家讲了很多网页设计方面的东西,比如网站头部、网站配色、网站框架设计等基本涵盖了网站设计的方方面面,今天继续给大家唠叨下网页背景设计方面的一些经验。
1、网页边沿的处理,完美的对齐边缘使图片的边缘完美的对其,比任何事情都重要。图片链接的区域的颜色必须一致,即当你在创建背景图片的时候,网站制作图片的左边缘必须和右边缘对应连接。如果使用了形状,他们也必须完美的连接。看下面这个例子。第一个截屏是用在网站背景中的原图,在它下面的截屏展示了图片被设置为重复时,图片之间是如何连接的。背景的边缘完美的连接,注意云朵之间没有任何的间断,左右两边水的颜色也完全一致。
2、色系的选择,47%的受访者首选浅底色的设计,主要原因是基于可读性。深圳网站建设大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。相比之下,10%的受访者倾向于深底色的网站,另外36%的认为将取决于网站类型而定。那什么是正确的答案呢?虽然每个人都有自己的观点,但既然有如此高比例的用户可以忍受深底色的页面设计,有时甚至是他们的首选。我们作为网页设计师必须了解如何为我们自己和客户创建更有效的深底色设计。同时我们必须相信深底色风格可以增加其可读性和友好性。
3、多层次复合背景 ,如果你在练习网站设计的“照片背景”时“不小心”也设置了<body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!
4、设计材质的选择,材质是另一种很赞的背景技巧。外贸网站建设材质有助于展现出网站的主题,例如,要表现摇滚音乐的主题,可以采用颓废的材质风格。当采用材质作为背景时,很重要的一点是不能超过顶端,材质应该足够细微,不至于影响文字的可读性。如下是材质的得体运用。主背景的材质比重很大,内容背景继续了这一风格,但材质不如主背景的明显。
5、文字间距,由于可读性是深底色设计的头号问题,所以网页设计师应该更多地关注文本的设计。在整体设计中,改善可读性的一个途径是增加文本的段落间距,字距及行高。
这么多年的网页设计中,经验告诉我细节可以决定成败。经常用于布局中的一个小细节,便是渐变。渐变非常简单,但如果运用得当,可以使一个枯燥无趣的设计变得生气勃勃,耐心、细心、偶尔的一点小心思都会起到非常关键的作用。
网站设计基本功之网页布局的几点技巧经验
网站的整体布局对网站设计的整个过程起着铺垫的作用,被成为非常重要的底层建筑,如果说需要有个东西来衡量网页设计师的经验是否够丰富,那么从设计布局上一眼就可以看的出来。下面互航科技给大家说几点经验:
1、广告的布局,网站建设的首页广告千万不要多,一个顶部的就可以了,或者放到中间 位置,但是最好不要超过3个位置,理由很简单,如果我是新浪网 我在任何位置放都有价值,问题是现在用户面对的是一个陌生的站(指不定有没有病毒)所以用户一般会很小心,所以我的意思是说首页要把精力放到页面设计上来,让用户被我们设计的页面所吸引,这样他至少会给我们点面子继续看下去。
2、对比感觉强烈,通过对比来抓住读者的注意力,例如,网站制作你可以让标题在黑色背景上反白,并且用大的粗体字(比如黑体),这与下面的普通字体(比如宋体)行成对比。另一个方法是在某段文本的背后使用一种被景色。
3、留白与简单,留白是一种美德。满屏幕密密麻麻的字会让人头晕眼花,适当地留出边距及行距,让阅读变得轻松些。保持简单。避免只是为了试验一种技术或新技巧而采用它们,把会使人分心的东西减到最少。
4、版面比例标准得当,每一个行业都有行业的标准,互联网当然不例外,网站建设比方说760 468等数字我们都很熟悉,这里我们的重点是怎么样利用这些数字布局广告。我们都知道栏目页面和文章页面一般都是分栏的一般是分2栏,上面还有个top,top里可以防顶部广告,那么我们在栏目文章列表的上面可以放置一个468的广告位再在文章列表的最下面也就是列表分页的地方放一个同样大小的广告。
5、内容为王,应该将注意力集中在提供信息方面,而不是使页面看起来令人惊叹而信息却被淹没在动画闪烁、闪烁的文本和其他花招的迷雾里。
网页设计的布局不同的行业跟产品会有不用的方式,有时候新颖、奇特的构思会让人感觉耳目一新,当然对过你的设计能力还无法驾驭创新性的网站设计,那就好好的先用最基本的布局来做好网页,力争每一个细节都做到位。
网站图标按钮设计的一点技巧经验分享
网站设计的过程中会运用到图片设计,一个好的按钮图片会大大的增强网页的美观性,如果合理的利用图片进行网页设计装饰呢,互航科技分享以下几点经验:
1、熟悉Photoshop,不管你如何进行图标设计你都必须花一些时间在工作在Adobe Photoshop上。它是进行网页模板,页面美工,横幅,特别是像素基础的图标创作日最重要的软件套装。
通过Photoshop练习,你可以掌握一些通用的工具集并熟悉艺术环境。即使你(最先)不是要创作图标,依然需要练习和耐心。事实上对于初学者来说Photoshop比起类似软件如Fireworks或IIIustrator是简单很多了。
2、寓意的重要性,图标是文字的隐喻,也让人很好地知道隐喻,对于可用性来说,在网站设计之间有效地进行交流是至关重要的,图标应该是代替文字,最能充分传送信息。用户需要快速地知道图标所表达信息。
3、不断学习跟积累,对于刚从事网站设计的初学者来说,养成一个好的习惯是非常重要的,外贸网站建设不要觉得你自己是一个设计人,只要能做出好看的东西就可以了,而不需要管这个是怎么做出来的。其实一个好的习惯是举手之劳而已,这会给你以后的设计带来无穷的便利,而不要等到你学有所成的时候,再来意识到这个好习惯会给自己带来的优势,而再想调整过来就很难了。 在这里,我将每一个组件都用一个图层来进行装载,对每个图层都进行命名,这就是我说的好习惯 。
4、练习草图,作为一个设计师我觉得手绘示意图的能力是再重要不过的了。我曾经预想过很多布局和页面图像,仅仅是从我脑海里的框架开始。只需要有简单的铅笔和纸你就可以在一个空白的画布上记下你所有的想法和想像。
5、按钮与文字想结合,按钮上采用图标和文字,这也是一个不错的选择。深圳网站建设这样更能够吸引用户的眼球。另外在Pixelmator 的作品中也有一个很好的例子。这些按钮采用图标和文字。另外,这些按钮激活时的效果也很棒。当用户移过这些按钮时,这些图标会由无色变成彩色的。这体现了相当好的可用性。
做网站图标时也不宜做得过于复杂。当然精细一点肯定要的,不过要懂得去权衡“细节”和“复杂”之间的关系。网站设计的图标基本形状和元素的外轮廓尽量精练,做出容易识别的图标而不是由上至下都包裹着细节,让别人之别起来非常容易,认真去看也非常的精致,要做到耐看、使用。
网页设计中如何运用搭配色彩亮度
跟大家谈过网站设计的一些常用色彩搭配技巧,色彩搭配作为网页设计的基本功,而网站的色彩亮度搭配则i可以起到画龙点睛的效果,不同效果的亮度能起来不用的视觉效果。下面给大家详细讲下几种技巧。
明度对比可分为:彩色差的明度对比及非彩色差的明度对比,是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩层次和空间关系影响较大。例如柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属中低明度。
明度,也叫亮度,指的是色彩的明暗程度,明度越大,色彩越亮。比如一些购物,儿童类网站。用的是一些鲜亮的颜色,让人感觉绚丽多姿,生气勃勃。深圳网站设计明度越低,颜色越暗。主要用于一些游戏类网站,充满神秘感;一些个人站长为了体现自身的个性,也可以运用一些暗色调来表达个人的一些孤僻,或者忧郁等性格。有明度差的色彩更容易调和。
明度对比分析:(非彩色差)严格来说,网站建设应该是黑白灰色非色彩构成,摄影图片中的人物衣服为灰色,相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一,形成另一道独特的风景。纯度对比,是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,外贸网站建设复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。
总之,要色彩均衡,网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
不用的网页设计风格需要不用的色彩明度来点缀,根据色系的不用色彩亮度的运用也不一样的。
浅谈网站设计与平面设计之前的差别
网站设计跟平面设计的区别在哪呢?很多刚入设计行业的人都会有这种疑问,其实网页设计应该属于多媒体设计的范畴,多媒体设计是从属于平面设计规律而又有很多不同的一个领域.要想做好网页设计,必然要在平面设计上下功夫,但一个好的平面设计师不一定就能做好网页设计,网页注重交互性、操作性跟浏览性。如果细分出来主要差别有一下几点:
1、处理的差别,传统平面设计的作品大多是以印刷的平面形式表现;而网页设计作品则是透过显示器表现,并且在传输的过程中受到网路频宽的限制。普通印刷是按照色素的减法原理进行的,设计时的颜色模式为 CMYK ,而电脑的显示器的色彩原理则是以色光合成加法原理进行的,是 RGB 模式,使用同样的颜色,但是在不同的颜色模式下,显示的效果是会有色差的。
2、设计概念的差别,平面设计的核心是品牌。它要以品牌为出发点去设计,要在视觉上100%体现品牌的魅力。网页设计的核心是用户。网站的目的是与用户100%沟通,是要实现某些特定的功能,这有点像电脑中的软件。那么网页设计其实是一种UI设计,也就是所谓的界面设计,要以用户的操作习惯为出发点去设计,换句话说也就是要设计得人性化,让用户使用得更方面,长时间盯着网页看也不觉得累。这也就是为什么众多门户要用白色做为页面主色调的原因,因为白色看久了不会造成眼睛疲劳,而鲜艳的颜色看久了会眼困!
3、技术的差异,在平面设计中想把某一物件放置到某一位置的时候只需要简单的拖曳就可以完成。
但是在网页设计中想对某一物件进行定位的话就必须有 HTML 语言的支援才行。所以在进行网页设计的时候,除了要有好的创意,还应该考虑到技术上的可行性。网页的构图与传统的平面构图最大的区别就是技术的可行性。
4、图片像素的差别。平面设计需要的图片格式一般为 PSD CDR AI EPS 等比较大的源文件格式 或导出的JPG 一般像素(分辨率)大于300的高清晰图片,网站设计 一般为GIF 或PNG 或JPG 一般像素(分辨率)小于72的 颜色位小于 256 (在不影响图片100%浏览的情况下缩小分辨率或色彩位)
5、目的的差异,传统平面的设计作品是以向人们传达某种资讯或诉求为目的。而深圳网页设计网页的设计必须是配合网站的内容设计,而不是单纯地只为表现艺术而设计。除了拥有平面设计作品的功能以外,还有重要的引导和连接功能,也就是网页具有很强的可操作性和互动性。
很多人都觉得网页设计隶属于与平面设计,其实差别还是非常大的,不过有一定的平面设计做起网页设计来会得心应手,因为已经有了一定的平面美术功底,这样设计出来的网页在美观程度上会好很多,这也难怪会有很多网页设计师都是从平面设计转过来的。
普通的企业网站制作选择哪种语言程序好
目前开发网页的语言程序分为asp、asp.net、php、jsp四中,其中asp、asp.net是目前国内用的比较多的,特别是在普通的企业网站设计过程中,占了很大的比例,而PHP在国外用的比较多,因为是开源的,国外又不允许盗版处在,所以很多都是用的PHP开发。JSP一般用于大型的网页开发、软件开发等。普通的企业网站很少用到JSP。
下面详细说明下这几种语言的优缺点:
1.ASP语言
优点:语法简单,一般能在一周左右上手编写简单的网页了,目前使用的人数仍然比较多,数据库通常用access,非常容易学懂,适合制作个人网站,中小企业网站,个性商城等,网上有许多类似“十天学会asp语言”等的教程,下载看看可以自学完成。
缺点:访问速度稍慢,由于access数据库对容量有一定的限制,不适合做大型数据较多的网站,需要付费,由于access数据库可以被下载,安全性不高,数据库内容不易动态修改,再者数据库本身容量就比较大,本地打开速度也不够理想。
2、ASP.NET
是选择ASP还是PHP的争论正在随着.NET的崛起而越来越显得多余。的确,深圳网站设计过去长达数年的争论将随着是选择Java还是.NET技术(或是两者)答案的揭晓而终结。 ASP以及ASP.NET的唯一联系是二者都使用VBScript。而单独就.NET而言,它可以使用VBScript以及其他大约20种语言。对于ASP以及PHP来说,将ASP.NET看作是另外一种语言的原因是它运行在完全不同的构架之上。前者是翻译脚本语言,而.NET则是经过编译的 framework。这就意味着首先Web页面的运行速度将会有极大提高。同时,源代码更加安全且更为健壮。此外,ASP.NET给Web编程带来了新的理念——即“code-behind页面”的思想。按照code-behind思想,每一个HTML页面都是由自身经过编译的程序化指令进行驱动。因此,HTML——或称之为表现层——很大程度上脱离了应用程序的商业逻辑。尽管这样的分离也可以通过PHP和ASP来实现,但这并非同ASP.NET一样属于自身技术的主要部分。
3、php语言
优点:语法简单,可以通过自学完成,因为PHP和c语言非常相似,说它和C语言是一样的也不为过,配合mysql等数据库,执行效率非常高,是目前全球网页编写程序中使用得最多的一种语言,无论在速度还是编码上,都比asp占优势,更主要的一点就是它是开源免费的,可以制作大型企业站,大型论坛等,著名的论坛程序Discuz正是得益于PHP,想做职业网站架构师,不可缺少的语言,由于采用mysql等大型数据库,安全和速度都有保证。
缺点:虽然语法简单,但是相对asp来讲,还是有些许难度的,外贸网站建设因为函数较多,要记许多东西,上手时间稍长些,在windows等操作系统不能直接调试,需要装相应的软件,最常见的就是LAMP金牌组合,即LINUX,APACHE,MYSQL,PHP的简称,网上有相应的软件包,可下载安装使用,缺点不算多.
4、JSP
JSP是非常强大的开发工具,开发的顺序具有跨平台性的即能在Linux下运行,也能在其他操作系统上运行。支持Java顺序。目前最具安全性的开发语言。适用与自主搭建服务器的大型公司使用。运行环境:任何平台下,装置jdk/jre/tomcat,1ASP微软产品。并进行环境变量设置
以上是对4中常用语言工具的分析说明,各有各的好处,针对不用的网站建设可以选择出最适合的开发语言。
建设外贸网页设计过程中需要注意哪些问题
外贸网站设计过程中特别需要注意的问题有几个方面,如注意字体大小(西方人喜欢较小字体)、浏览器编码(海外很多用户没有安装中文语言支持,网站应该用utf-8编码)、细节处理(语言细节、网站设计精细等等,下面详细介绍几点经验遇到的问题
1、网站的字体
大多数做外贸的网站的字体,都是按照中文的思路“宋体”在走,但据研究外文网站的字体并不是宋体而是“罗马”字体。可以看到有些网站的英文用的是宋体,怎么看怎么不舒服,也许这就是与每一种文字的特点有关吧。
2、网站的版式设计
外贸网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
四、色彩在网页设计中的作用。
3、外贸网站建设的设计思路
外贸企业不懂网络的人还是占绝对大比例。正所谓“闻道有先后,术业有专攻”,因为不懂网络,所以对于“什么是适合外贸企业的网站?”这样的问题是很迷惑的。既然建站的目的是为了访问,那么必须所有的设计思路要从访问用户角度出发,而不是仅仅看页面是否漂亮,是否够绚。切合自己的行业特征,分析国外访问用户的行为和习惯就显得非常重要。
4、网页的浏览体验
网页的打开速度是影响浏览体验重要因素。在信息爆炸的互联网上,没有人愿意为了一个还没有打开的内容等太久的时间,因此页面打开速度,在很大程度上决定了访客的去留。另外,打开速度在一定程度上会影响到顾客对于企业形象的印象。
提高浏览速度涉及的方面很多,但是这一般都是技术方面的问题。深圳网站建设包括选择高性能的服务器、优秀的网站系统、精简网站代码、用图片代替FLASH、图片格式的选择、去除不必要的加载项等等。许多研究表明,用户最满意的打开网页时间,是在2秒以下。用户能够忍受的最长等待时间在6~8秒之间。这就是说,8秒是一个临界值,如果网站打开速度在8秒以上,那么很可能,大部分访问者最终都会离去。
5、让网站具有行销功能
有利于客户转化及发送询盘 企业行销网站与形象网站,是完全不同的两个概念,形象网站是企业的一张名片,体现的是公司的一个形象;而行销网站完全不同,它是以销售为最终的目的。因此,一个具有行销功能的网站,有利于客户转化及发送询盘的网站,才是外贸企业的真正需求!
6、准确的翻译
翻译应该是做外贸网站很重要的一点,但在现实中很多公司没有注意。有的随便找个学英语的学生给翻译一下,有的用一个软件翻译一下,有的拿一个字典翻译一下。其实这都是非常不专业的,对客户的印象影响很不好。从客户的角度来看,老外可能看了就看不懂,也有可能觉得不专业,像一个皮包公司。这样的话,客户就可能流失了,从这个角度上看,翻译对外贸网页设计是非常重要的,不可忽视。
用Photoshop做网站设计的一些常用技巧
作为网页设计的基础软件Photoshop,也是很多刚重新网页设计人员最开始接触的工具,熟练运用好一些简单的技巧,会使你的工作效率得到有效的提供,从菜鸟到设计高手的过程中,PS熟练程度的掌握尤为重要。
Photoshop:它是由Adobe公司开发的图形处理系列软件之一,主要应用于在图像处理、广告设计的一个电脑软件。最先它只是在Apple机(MAC)上使用,后来也开发出了for window的版本。下面是这个软件里一些基本的概念。 位图:又称光栅图,一般用于照片品质的图像处理,是由许多像小方块一样的"像素"组成的图形。由其位置与颜色值表示,深圳网站建设能表现出颜色阴影的变化。在Photoshop主要用于处理位图。 矢量图:通常无法提供生成照片的图像物性,一般用于工程持术绘图。如灯光的质量效果很难在一幅矢量图表现出来。 分辩率:每单位长度上的像素叫做图像的分辩率,简单讲即是电脑的图像给读者自己观看的清晰与模糊,分辩率有很多种。如屏幕分辩率,扫描仪的分辩率,打印分辩率。
快捷工具,选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具,各个工具的字母快捷键如下: 选框-M 移动-V 套索-L 魔棒-W 喷枪-J 画笔-B 铅笔-N 橡皮图章-S 历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O 钢笔-P 文字-T 度量-U 渐变-G 油漆桶-K 吸管-I 抓手-H 缩放-Z 默认前景和背景色-D 切换前景和背景色-X 编辑模式切换-Q 显示模式切换-F ,另外,如果我们按住Alt键后再单击显示的工具图标,或者按住Shift键并重复按字母快捷键则可以循环选择隐藏的工具。
曲线。色彩调整之王,神通广大,变幻无穷,但在作业实践中,曲线却并非首选。首选的是东西什么呢?首选的东西是——
色阶。拉动三个滑标,足以解决大部分问题,但亲和力远在曲线之上。打个比方说,曲线是元帅,那么色阶便是先锋了。
色相、饱和度和色彩平衡,并列第三位尽量不要使用“图像调整-变化”菜单。这个菜单无法量化,而且不能加蒙板,是专留给学徒们用的。不到万不得已,不要使用“图像调整-亮度和对比度”菜单。这里的亮度常常带来白翳,对比又常常失衡。如果你想用“图像调整-明度”菜单做点儿什么,那么你死定了。切记:这儿讨论的是调整色彩而不是着色,外贸网站建设明度在这儿是100%的狗屎指标,成事不足败事有余,永远不要去理它!
归纳言之,一个色彩调整问题如果有解,那么用曲线、色阶、色相、饱和度和色彩平衡这五个手段,就一定可解,而且我们强烈建议,除了这五个手段以外,不要再使用任何其他手段。
我们经常在报刊上看到的一种文字特效——霹雳效果,它给人们强烈的视觉冲击和深
刻的印象。
把画笔程序打开,在工具条上选择“文字”,用鼠标在编辑窗口中拖出一个文字输入框,根据需要选好字体、字号,然后输入文字。在工具条上选择“任意形状的裁剪”,用鼠标从上到下按自己的需要把第一个字从上到下裁开,用“放大”工具放大后再裁剪会更加方便。用手控制鼠标时要自然,需要刻意造出一些锯齿状,同时把文字的右边及其他文字全部裁出来,福田网站建设然后用鼠标左键按住裁出的部分,向右拖动适当的距离,使文字的左右两边分开,出现一条不规则裂缝,第一个字的效果即做成。依照上面的方法再做第二个、第三个……。同一个字也可以裁两次,以增强效果,如“霹雳”两字。最后用工具条上的“选定”工具把文字全部选定,把它剪切出来就可粘贴到需要的地方或把它保存下来。
黑白相间制作 黑白相间的文字特效也很简单,输入文字后(文字颜色选黑色),用“选定”工具将文字的上半部分或下半部分选定,然后,选择菜单条上的“图像/反色”即可把选定部分由黑色转为白色,同时背景底色的色相也跟着反转。若用黄色作文字背景,则网页设计作出的效果就是黄蓝相间的背景,黑白相间的文字。