400-609-4309

网页设计的基础问题

网页设计的基础问题

在任何设计领域,好像和图片打交道的时间都不会短,绝大多数甚至是需要整天编辑处理图片。从最基本的裁剪、调色和修补,你应该能够从容地修整图片。下面介绍网页设计的基础问题,希望对您有所帮助。

网页设计的基础问题

1、熟练掌握HTML/CSS代码

不论你是不是开发者,网页开发最基本的语言HTML/CSS 你是有必要掌握的,知道如何阅读、编辑并解决问题。然而根据设计师/开发者的实际工作情况,你所需要了解的程度、范畴甚至会更广一些。在任何情况下,你都应该清楚样式、色彩要如何通过代码来进行控制和调整,从长远来看,这些技能是极其有用的。如果你想确保这一点,记得在W3Schools学习这些代码语言和使用方法。

2、编辑图片

在任何设计领域,好像和图片打交道的时间都不会短,绝大多数甚至是需要整天编辑处理图片。从最基本的裁剪、调色和修补,你应该能够从容地修整图片,至少你应该了解如何能够尽可能好地对图片进行优化。好在Digital Camera World网站提供了一套行之有效的图片处理技巧,仅需六步就可以搞定绝大多数图片的优化处理。

3、了解印刷

虽然你绝大多数时候可能都忙于数字化的设计,但是总会有一些设计是需要借助到印刷的。从名片到新闻稿,这些东西在设计之初就要为印刷做好准备。在这方面,最值得注意的还是不同媒体的分辨率和色彩的控制。举个例子,如果你将文本的色彩设置为FF0000的话,印刷出来的效果可能和你设定的有出入。对于印刷品而言,色彩使用的是CMYK(青色、品红、黄色、黑色),四色混合来实现不同的色彩印刷。

4、书写标题

在进行网页设计的时候,正文部分可用假文(Lorem ipsum)来作为占位符,但是标题则不能如此。当你在进行概念设计的时候,标题是视觉和内容信息的粘合剂,它不能随便找句话放那儿。一个合理的标题文本可以清晰地告诉客户这个地方要多大的空间,有什么样的效果,它会给客户留下清晰而持久的印象。目前推荐Copyblogger ,它提供了不错的文本和文案案例,你可有从这里开始。

5、熟悉各种设备

作为一个网页设计师,肯定要熟练地用各种数字设备来浏览网页。不同的系统、不同的设备在浏览网页这件事情上还是有差异的,所以你应当适时地离开自己最熟悉的电子设备,去尝试更多的数码设备。没有什么比在一个老旧的手机的小窗口上浏览网页更痛苦的事情了,但是这有时候就是实际情况,作为网页设计师的你应该对这种情况有所了解,确保自己的网页能在任何情况下都可以流畅地浏览。

6、敢于手绘

也许你并不是美术专业出身,但是你需要敢于用草图来传递信息。讨论中不论有什么样的想象和构思,用手绘和草图来表现能够更清晰的阐述出来。请记住,线框图和大纲才能更好地传递信息。你无需成为手绘大师,不用字写的非常漂亮,但是你需要敢于这么做,自信地用手勾勒出这一切,落于纸上,同人分享。

7、使用通用框架

在创业阶段使用常见的网页设计框架并不是什么丢人的事情,实际上,除非你真的是特别专业而强大的开发者,最好还是使用通用的框架。你不用重新发明轮子。一样的道理,使用通用的框架可以让别人也更好的使用你的网站和产品,如果你的网站需要最终交付给客户,那么从长远来看,用通用框架更好维护。比如Wordpress这样的系统就不错,支持广泛,功能强大。

8、备份和打包

网站看起来是个完善的整体,但是实际并非如此,它同样是容易损坏且脆弱的。备份网站是一门必修课。你应当了解网站系统中哪些东西比较容易损坏,多久备份一次比较合理。即使你不明白其中的道理,至少要了解哪些需要保存,备份应该备份在什么地方。此外,你应该了解如何将网站样式、设计相关、个性化、客户文件以及系统的关键性文件在哪里,以及如何打包它们。

9、了解趋势

你并不需要了解全部的网站设计和技术趋势,但是你需要适时地去了解它们。简单来说,重要的不是对所有趋势如数家珍,但是你至少要深入了解至少三个流行趋势,能够说明白这些设计趋势在视觉上的特征,为什么要用它们,它们的运作原理是怎样的,你为什么喜欢或者不喜欢它们,等等。多阅读设计趋势文章,你就能搞定这一点。

10、解释设计理论

色彩、流程、平衡、比例、间距,这些常见的设计概念你都了解了嘛?当你在进行设计项目的时候,这些概念你都应当了解并运用起来。设计并不是单纯的好看,内在的概念也原理能告诉你为什么它这样才会漂亮。理解了它们,能自己解释它们,你才能创造出平衡的美感。每一次向别人解释这些概念,探讨这些原理,你会对这些基础掌握的更加扎实。

网页设计需要学习哪些技术

HTML 4.01

HTML是Web的语言,每一个Web开发者都需要对它拥有基本的了解。

HTML 4.01是重要的Web标准,它与HTML 3.2的差异非常之大。

当类似font的标签和color属性被添加到HTML 3.2后,它就逐渐成为开发人员们的一场噩梦。开发那些必须把字体信息加入每个单独页面的网站,其过程成为了一种漫长而昂贵的折磨。

通过HTML 4.01,所有的格式化信息可以被移出HTML文档,转而放入一个独立的样式表中。

HTML 4.01之所以重要,另外一个原因是由于XHTML 1.0,这个最新的HTML标准是作为一种XML应用被重新表达的HTML 4.01。在您的页面中使用HTML 4.01可以确保在未来将HTML轻松升级到XHTML。

请确保您使用了最新的HTML 4.01标准。

HTML 4.01

HTML是Web的语言,每一个Web开发者都需要对它拥有基本的了解。

HTML 4.01是重要的Web标准,它与HTML 3.2的差异非常之大。

当类似font的标签和color属性被添加到HTML 3.2后,它就逐渐成为开发人员们的一场噩梦。开发那些必须把字体信息加入每个单独页面的网站,其过程成为了一种漫长而昂贵的折磨。

通过HTML 4.01,所有的格式化信息可以被移出HTML文档,转而放入一个独立的样式表中。

HTML 4.01之所以重要,另外一个原因是由于XHTML 1.0,这个最新的HTML标准是作为一种XML应用被重新表达的HTML 4.01。在您的页面中使用HTML 4.01可以确保在未来将HTML轻松升级到XHTML。

请确保您使用了最新的HTML 4.01标准。

层叠样式表(Cascading Style Sheets - CSS)

样 式可定义HTML元素如何被显示,类似font标签在HTML 3.2中所起到的作用。样式通常被保存在HTML文档之外的文件中。外部样式表使您有能力仅仅通过编辑一个简单的CSS文档来改变网站内所有页面的外观和 布局。如果您曾经尝试过进行某些改变,比如同时改变站内所有网页标题的字体或颜色,您就会明白CSS如何能够达到事半功倍的效果。

XHTML - HTML的未来

XHTML指可扩展超文本标记语言(Extensible HyperText Markup Language)。

XHTML 1.0是源自W3C的最新的HTML标准。它于2000年1月26日成为正式的推荐标准(Recommendation)。W3C Recommendation意味着其规范的稳定性,同时其规范目前已成为一种Web标准。

XHTML是一种使用XML进行重构的HTML 4.01,并可以通过遵循一些简单的指导方针立即在现有的浏览器中投入使用。

XML - 用于描述数据的工具

扩展标记语言(XML)并不是HTML的替代品。在未来的web开发中,XML会被用来描述和存储数据,而HTML会被用来显示数据。

我们对XML最合适的描述是,一个跨平台的、独立与软硬件的,信息存储和传输工具。

我们相信XML的重要性不亚于HTML对于web的基础性地位,并且XML将会成为最重要的数据处理和传输工具。

XSLT - 用户转换数据的工具

XSLT(可扩展的样式表语言转换,Extensible Stylesheet Language Transformations),是用于转换XML的语言。

未来的网站将不得不向不同的浏览器并向其他web服务器以不同的格式传递数据。而XSLT则是一种将XML数据转换为不同格式的新的W3C标准。

XSLT可以把XML文件转换为浏览器可识别的格式,比如HTML,或者WML - 一种用于许多手持设备的标记语言。

XSLT还可以添加元素,并对元素进行删除、重新排列及排序,测试并确定显示哪些元素,等等。

Banner设计需要注意什么

关于Banner的设计,相信已经有很多人都看过这方面经验的分享了,我也做过了一些Banner的设计,在这其中通过不断的学习、实践积累了自己的一些小小经验和方法,下面给大家浅浅的分享下我总结的Banner设计经验及注意事项。下面从这四部分逐一给大家分享下。

1、banner设计中的文字注意事项

一般来说,网站制作一个banner分为两个部分,文字和辅助图。虽然辅助图站的面积比较大,但如果不加入文字说明的话,客户就会看不懂你做的banner要表现什么、要说明什么,所以文字是整个banner的主角,我们在制作banner的时候特别要注意对文字的处理和摆放。

①分清主标和副标,从主次上来说,主标为主,字体要大颜色要醒目。副标起到从内容上和形式上都辅助主标的作用。一个好的banner标题文字处理都比较饱满,比较集中。

网页设计的基础问题

②如果主标太长,需求方不舍得删文字的情况下,对主标中重要关键字进行权重,突出主要的信息,弱化‘的’、‘之’、‘和’年’‘第X届’这种信息量不大的词。

③如果需求方整体文字太短,画面太空,可以用一些加入一些辅助信息丰富画面。如加点英文,域名,频道名等。

2、Banner有动态和静态两种

在浏览网页的过程中,虽然闪烁的图案会产生瞬间记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。根据粗略统计,100个Banner里面有1/3是静态的。

3、Banner的“重量”要轻

以468×60的Banner为例,最好是15K左右,不要超过22K。而88×31的Banner最好在5K左右,不要超过7K太大的会引起网页打开速度,导致浏览下降,这里面也有个量的问题,太多的广告而影响浏览者浏览网页,导致反感,这也是一个问题。所以放广告条的时候要考虑到广告的大小和多少,还有就是搭配问题。

4、从banner设计上来看,需要注意:

①Banner的文字不能太多,用一两句话来表达即可。

②广告语要朗朗上口,可以第一时间的让人捕获表达的重点。

③图形无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没。

④图形尽量选择颜色数少,能够说明问题的事物。

⑤如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。

⑥尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,增大体积。

⑦产品数量不宜过多。很多广告主总是想展示更多产品,少则4-5个,多则8-10个,结果使得整个 Banner 变成产品的堆砌。

Banner 的显示尺寸非常有限,摆放太多产品,反而被淹没,视觉效果大打折扣。所以,产品图片不是越多越好,易于识别是关键。

网站着陆页应该如何设计

一个网站的着陆页是承载了很多东西的,当有人打开网站的着陆页的时候,就能很快的让人知道你的品牌如何,再通过行为性的“召唤元素”来促使用户执行你的特定操作,通过视觉化的手法,给用户留下深刻的印象等,想要把着陆页做好,真的是很困难的事情。在这里,时间财富网的小编就说几个着陆页设计效果的小技巧。

正如同你所知道的,着陆页的设计并不简单。单纯的将你的LOGO替换到着陆页模板上,并不能够带来足够优秀的设计效果,导航是否好使,可读性是否优秀,整体的设计是否一致,都会影响着着陆页的效果,而这些都需要你进行贴切而细致的设计,才能做好。而这也使得这些提升页面效果的技巧非常有用。

第一,着陆页的顶端。

着陆页必须要有网站的logo,如果是企业网站,那就需要布置企业的logo,客人能够据此一看便知你的网站是什么,进而能够清楚的传达给用户你的网站是做什么的,能够为用户提供什么样的服务。另外在logo的一侧还需要放置网站的定位语,这样就能够和行业进行一定的区分,让用户明白你的网站和同行之间的区别,接着右边可以放置网站的联系方式,通常是企业的400电话,这能够展现出企业实力,让用户觉得这是大企业。

第二,着陆页要配置相应的Banner图。

对于企业网站而言,Banner上可以配置企业曾经的一些成功案例,或者企业的产品,抑或是企业的核心优势。这些图一定要设计成高大上,同时要注意图和网站内容的相关性,有的企业网站的着陆页就在这里出现了只要好看,不突出和企业的相关性,就显得不够专业大气,进而影响到企业的形象。

第三,接下来就是要重点介绍产品大类。

绵阳网络推广认为对于一个企业而言会存在着很多产品,这些产品又分属不同的大类,而在着陆页上就要重点展现这些大类,然后再由这些大类列出相应的产品名称,同时每个产品下面有一小段简要介绍,用户可以通过这些介绍点击相应的文字,进而打开这些产品的详细页,也即是说,要发挥出企业网站着陆页的导航功能。

第四,要发布一定的荣誉以及相应的证书。

对于企业网站而言,这是展现企业的最佳平台,着陆页更是展现中的重点环节,用户大多是通过着陆页浏览网站的内部内容,如果你在着陆页上展现的内容充分证明你的网站的优势,并且得到了权威部门的认证,这样就具有更好的说服力。也就是说,在着陆页上要尽可能的列出企业曾经所获得荣誉,而且这些荣誉都是可以查询的,千万不是虽然有着荣誉,但是却不能够说服用户,这就给用户带来造假的疑问,反而不利于提升网站的权威度。

第五,要布置相应的联系方式,尤其是互动的联系方式。

增强和用户的互动,解决用户提出的问题,从而引导用户点击相应的内容,这样的在线服务能够有效的提升服务水平,而且通过和用户的良好互动,也有助于增强网站的黏贴力,进而为网站培养更多的忠诚用户。

总而言之,网站着陆页对于吸引用户,提高转换率具有重要的作用,我们在努力提升着陆页的权重的同时,还需要注意增强着陆页的设计体验度,增强用户的体验度,进而为网站的成功奠定重要基础。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章