深圳市一网学教育咨询有限公司,致力于网页设计培训、UI设计培训、淘宝美工培训,是较好的远程培训
基地。
网页设计经验
我的意思是,人们通常在访问 microsoft.com 时,并未将它当作艺术作品来赞赏。而是为了获得有关产品的信息,或者有一些技术问题需要咨询,或是阅读有关开发商的期刊。所以网站的设计应该尽量清楚和有条理,以便他们能够容易地找到所需信息。
作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页。
从头衔上,您可能认为我主要关心的是 microsoft.com 网页 站点几千个网页的版面设计。的确,这些确实是我所关注的。视觉上的吸引力是重要的,但是这仅仅是工作的一小部分。而终的目的是确保整个站点运转正常。
设计站点
在进行 网页 设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然,我们有新的 网页 工具,并且能够将各种可视的小配件上载到网页上。但是我们认为这样做将不利于为访问者提供有效的服务。
事实上,我经常发现一些站点未将重点放在功能上。常见的错误包括:
用户界面元素不一致。例如,同一个控件在不同的页面上功能不同,或者同一个功能对应几个用户界面控件。
导航栏位置不一致。决定站点的些页和功能需要在站点的任何页上都可被访问到。这就是应该保持一致性的“全局导航栏”。
不太注意或根本不注意基本的图形设计原则,例如排版式样、色彩和版面的设计。
相关元素和功能的随意分组。注意将元素放置在网页上的位置和目的。这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。
使网页过于庞大以至使访问者需要通过典型的调制解调器速度的 Internet 连接进行长时间的下载。这并不是说不应该使用图形,但是您需要对它们进行精挑细选,然后用适当的压缩和颜色索引优化它们。
现在的 网页 站点仍然存在很多问题,这并不奇怪。毕竟,网页 设计“艺术”相对来说还是个新生事物。在四、五年以前,网页 页甚至是普通的。那时,人们好像认为他们的 网页 站点将会吸引访问者只是因为它们存在--并且,可能在某些情况下这种方法确实有效。但是这些站点一般很难看,并且更重要的是,它们真的难以使用。接下来便进入“看看我们能做些”阶段,在网页中加入了大量的动画、声音文件以及其它附加件,导致访问者需要长时间地进行下载,但是并未获得实实在在的内容。
如今的网页设计师们已经吸取了前人的经验和教训。好的站点倾向于简化和快速,同时在功能上有所提高。这是 Microsoft 的目标,而且我们先承认自己所犯的错误(参阅“Microsoft 的 网页 简史”看一看以前的主页设计)。
设计错误并不总是显而易见的。有时在设计上对一个小元素的移动或更改将有很少或根本没有影响。但是,在其它情况下,它可能确实会对页面功能有所影响。而且如果说我们从过去几年学到了一些东西,那就是小的改动会使 网页 页的运行方式有很大的不同。
我们总是一直在说优化,内部优化和外部优化相互结合SEO才能达到很好的效果。外部优化可以利用目前比较主流的营销软件,如SKYCC组合营销软件进行多方位的网络营销。多方位的外链接建设和发布。我想大家都应该知道了。那么关于内部优化,我们知道的。都是针对文字的。而图片的优化除了给图片加一个alt之外,难道就没有可优化之处?本人有幸在一个行业网站从业。通过统计,发现百度图片流量的来源也是一个不可小觑的点。个人就总结下,图片还可以么样优化。
1,不要处理图片
是处理图片呢?就是很多人,喜欢在这里的产品图片上打一个水印,个人认为,这样完全是没必要的。因为你的内容都能被别人轻易复制转载,何况别人找不到你这张图片一样的图片?还有一个原因是,很多做我们这个产品一样的产品的人,他不一定有图片,他需要从网络里寻找图片,但是他是不需要有水印的。这个时候,如果我们的是没有水印的,他也许就使用我们这张图片了。当然这有点纵容了盗版图片之嫌。但我们要明白,有了这样的图片,既能来流量,还可以让同行能看到我们,也许这个同行下一次有订单之时,而他自己又货源不足时,他就找到我们求货源了,这就是这个流量带来的潜在的价值。当然,这样的说法是非常牵强的。但如果有100个甚至1000个这样的流量到我们站点来另存为图片的时候,我们的品牌是不是有一个无形的提升呢?
2,还是alt说明
意义:alt用来对网页上的图片进行描述,光标在图片上时显示的提示语即采用该标签实现。作用:从SEO和用户体验来看,ALT-代替属性都是必要的,其重要性主要有:网页内容相关性是关键词优化的前提,搜索引擎认为,网页上的图片应该与网页主题相关。反过来讲,当搜索引擎要判断网页的关键词时,图片的ALT-代替属性是一个可信任的参考点。所以, 别忘了在图片的ALT-代替属性。这是百度百科里对alt的解释,可见加alt的重要性。但alt说明文字的添加也是非常有技巧的,比如我们的图片是阀门中一个产品球阀的例图,这个例图可以代表电动球阀也可以代表气动球阀。那么我们就不要单单只给alt="球阀",我们可以是这样alt="球阀,电动球阀,气动球阀"。这个道理同页面优化一样,多加两个关键词,增大这个核心关键词的密度。这样对这张图片的说明就做到充分了。大大加强了搜索图片时,被搜索到的概率。所以大家在用站群软件或skycc组合营销软件进行广告发布软件时,如果内容有图片,请务必勾选上给图片加标题为它的alt这样的选项。
3,图片周边文本
这个周边不是指围绕这个图片的文字,而是这个页面内容的整体文字。比如,图片的alt是球阀,而我们页面内容又是一直在介绍优化技术,那么显然这个图片是有错误或有作弊之嫌。这就是alt要对页面的内容起到一定的呼应作用,即alt与文本的相关性了。
UI培训(www.ywxue.com),一网学,我的未来我设计。