临江仙 » 日志 » 浅谈网站设计
浅谈网站设计
Lafael 发表于 2007-03-27 01:13:46
最近接了Sharabi的一个任务,做一个网站。
我连续设计了两个风格,都被否定,被觉得很丑。
于是一位学美术的好友给了我两张做好的图,最后总算做起来了。
使用的设计软件是Dreamweaver8,Flash Mx 2004,Photoshop 9.0。
一、设计风格
老实说,现在觉得自己的设计水平很次。
相比Flash动画,不是太擅长网页设计。网页设计中,比较擅长门户网站,商业网站的设计风格,不擅长展示类网站。
这次的任务是做一个校内的某个奖项评比和展示的网站。
起初我的两个风格接近商业网站。我以为其会有很大的信息量。
我认为,作为一个网站来说,最重要的一点是能让用户看清其中的内容。与其把一堆文字夹在五颜六色的图片之中,我宁可做一个白底黑字的网页。所以几乎任何一个门户网站,其新闻页,永远是白底黑字的。
对于商业网站,我会加上金属的气息。
对于门户网站,我会把页面划分成整齐的小块,典雅庄重。
而这次的任务,要求做得活泼。最后用了朋友的设计图,的确很活泼。但我觉得我怕是永远设计不出这样的风格了。缺少这份年轻的心态。
也许是因为自己的上网习惯的变化。现在多数网页对我而言,都已接近白底黑字,其修饰的元素,永远处在被忽略的地位。因为我上网寻找的是信息,而不是美工。
如今做出的网站,没有华丽的js效果,也没有雍容的图片作修饰。只求能让浏览者方便找到自己要的信息,并且长期阅读网页,不会视觉疲劳或者审美疲劳。
二、设计手段
这里只是浅谈,所以关于网络编程语言就不说了。
网站主要的客户端设计手段是Html, JavaScript(就是js),Flash。
这三者,我比较擅长Flash。可以很自由地创造自己的风格。商业网站也有不少直接用Flash设计的,比如大多数的香水网站。
适合做大量图片展示的网站,对于浏览者的弱点是,如果用户对动画里的文字感兴趣,是没法复制下来的。
然后是Html,普通的静态网页的设计语言。Html中有三种比较流行的设计方案。
1、框架。现在几乎看不到什么人用框架,因为框架中的每一个成员,都是一个网页,而网页的大小是不能确定的,对于不同浏览器来说,也会有所差别。所以对于要有一点美工的网站,通常不会这么做了。这是早期的一种设计方式,之后渐渐被表格所取代。
2、表格。表格仍是现在非常主流的一种手段。主要因为表格的设计方式非常自由,可以随意添加或者删除网页中的内容,然后只需要做相应修改就是。photoshop的切片功能可以自动生成表格化的页面。那位朋友给我的设计图,我就是这样立刻转化成网页的。优点是设计开发速度快,自由度大。缺点是,里面的内容大小互相牵制,可能正文的文章稍微长了一点,表格的图片就会出现断层。另一个和photoshop相关的缺点是,可能photoshop里面做的理论图,里面的文字大小都很理想,变成网页之后,却有所误差,使网页出现断层。
3、css定位。通过css来限定每一个元素的位置,就如同搭积木,一点一点搭。优点是对于不同的浏览器,兼容性强。并且对于一些允许用户自己选择风格的网站,如论坛中可以选择网页风格,必须用css定位实现。缺点是,如果用户需求不明确,要求删去某部分,或者添加某部分,那么相应牵涉到的元素,都要相应改变位置,而且通常这样的位置需要计算的。所以比较麻烦。
以上是我这几天做网页的一点心得。纯属个人感想,不保证一定正确。其中肤浅之处,相当惭愧。
最后贴上最终版的主页概念图。
虽然满足了各位相关的大人的心意。但个人觉得,阅读那些淡白色框中的文字,时间久了是会视觉疲劳的。
那作为我来说,又有什么办法呢。
我连续设计了两个风格,都被否定,被觉得很丑。
于是一位学美术的好友给了我两张做好的图,最后总算做起来了。
使用的设计软件是Dreamweaver8,Flash Mx 2004,Photoshop 9.0。
一、设计风格
老实说,现在觉得自己的设计水平很次。
相比Flash动画,不是太擅长网页设计。网页设计中,比较擅长门户网站,商业网站的设计风格,不擅长展示类网站。
这次的任务是做一个校内的某个奖项评比和展示的网站。
起初我的两个风格接近商业网站。我以为其会有很大的信息量。
我认为,作为一个网站来说,最重要的一点是能让用户看清其中的内容。与其把一堆文字夹在五颜六色的图片之中,我宁可做一个白底黑字的网页。所以几乎任何一个门户网站,其新闻页,永远是白底黑字的。
对于商业网站,我会加上金属的气息。
对于门户网站,我会把页面划分成整齐的小块,典雅庄重。
而这次的任务,要求做得活泼。最后用了朋友的设计图,的确很活泼。但我觉得我怕是永远设计不出这样的风格了。缺少这份年轻的心态。
也许是因为自己的上网习惯的变化。现在多数网页对我而言,都已接近白底黑字,其修饰的元素,永远处在被忽略的地位。因为我上网寻找的是信息,而不是美工。
如今做出的网站,没有华丽的js效果,也没有雍容的图片作修饰。只求能让浏览者方便找到自己要的信息,并且长期阅读网页,不会视觉疲劳或者审美疲劳。
二、设计手段
这里只是浅谈,所以关于网络编程语言就不说了。
网站主要的客户端设计手段是Html, JavaScript(就是js),Flash。
这三者,我比较擅长Flash。可以很自由地创造自己的风格。商业网站也有不少直接用Flash设计的,比如大多数的香水网站。
适合做大量图片展示的网站,对于浏览者的弱点是,如果用户对动画里的文字感兴趣,是没法复制下来的。
然后是Html,普通的静态网页的设计语言。Html中有三种比较流行的设计方案。
1、框架。现在几乎看不到什么人用框架,因为框架中的每一个成员,都是一个网页,而网页的大小是不能确定的,对于不同浏览器来说,也会有所差别。所以对于要有一点美工的网站,通常不会这么做了。这是早期的一种设计方式,之后渐渐被表格所取代。
2、表格。表格仍是现在非常主流的一种手段。主要因为表格的设计方式非常自由,可以随意添加或者删除网页中的内容,然后只需要做相应修改就是。photoshop的切片功能可以自动生成表格化的页面。那位朋友给我的设计图,我就是这样立刻转化成网页的。优点是设计开发速度快,自由度大。缺点是,里面的内容大小互相牵制,可能正文的文章稍微长了一点,表格的图片就会出现断层。另一个和photoshop相关的缺点是,可能photoshop里面做的理论图,里面的文字大小都很理想,变成网页之后,却有所误差,使网页出现断层。
3、css定位。通过css来限定每一个元素的位置,就如同搭积木,一点一点搭。优点是对于不同的浏览器,兼容性强。并且对于一些允许用户自己选择风格的网站,如论坛中可以选择网页风格,必须用css定位实现。缺点是,如果用户需求不明确,要求删去某部分,或者添加某部分,那么相应牵涉到的元素,都要相应改变位置,而且通常这样的位置需要计算的。所以比较麻烦。
以上是我这几天做网页的一点心得。纯属个人感想,不保证一定正确。其中肤浅之处,相当惭愧。
最后贴上最终版的主页概念图。
虽然满足了各位相关的大人的心意。但个人觉得,阅读那些淡白色框中的文字,时间久了是会视觉疲劳的。
那作为我来说,又有什么办法呢。
收藏:
QQ书签
del.icio.us
订阅:
Google
抓虾
