网站设计过程中需注意的细节和问题
门户网站设计有很多种。最为国人熟知的是像迅雷看看、新浪、腾讯网那种信息类门户。现在也有博客门户等。象当当、淘宝那样的购物平台,其实也是一种门户,只不过陈列的是商品信息而已。而迅雷看看、土豆、优酷等是以视频信息为主的门户!不同的门户,有不同的需求,都应该根据这些需求出发去设计网站,这是众所周知的,但是它们之间也有共性,那就是都要求提高浏览效率设计上要求简洁、大气,以信息最大!设计都是为了信息内容及用户体验而设计。
一、设计前那点事
1. 仔细全面整理、了解网站所涉及的产品文案 [沟通]
当产品经理发起一个产品需求时,专业的产品的.经理都要会写一份详细的产品需求文案和网站的交互搞.产品文案中会设计到网站的功能及特性、网站与用户的关系、用户操作流程、及设计上一些要求等等。这时我们就要和产品经理深入沟通,了解他们需要什么样的东西!主动发表自己的意见和提出文案中的疑问!沟通是关键,不然你会走好多弯路,最好又要重新开始!
2. 梳理网站框架与布局[初步]
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型等。门户网站设计布局必须要以“快捷方便速度优先价值内容”为指导。最重要的优化客户的需求,布局尽量简洁化、简单化!我们要做的把握网站的定位对产品经理的简单的示意图做处合理的框架布局。当然了,公司有交互设计师,那是交互要做的事。
一般门户网页设计的色彩 指先选定一种色彩,然后调整透明度或者饱和度,(说得通俗些就是将色彩变淡或则加深),产生新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。而这种色彩一般来自于产品的logo主色调.当然了,还有了解网页设计用色的相关原理,才调出更好色彩搭配!这里就不多讲,需要大家有良好的审美能力,审美能力也不是一天两天就可以达到很高的水准的!
4.参考浏览相关优秀网站 [探导]
根据产品的性质,寻找类似的优秀网站作为参考和探导。目的让自己更深入地了解这个产品需求的全球走向及设计风格趋势,以致能更好滴把握整体网站的设计定位!
二、设计中那点事
1. 铺好框架,明确分类,确定相关尺寸 [动手]
栅格化布局,这个时候我们就要对整站,版块高度、间距及图片的尺寸做严格的要求和规定。我的习惯是先铺好整个网站框架,然后再去深入细节,如配色、样式等。
从上至下依次展开设计。
如图一样,把整个结构用单色(灰色比较好)铺好!然后逐步去设计,这样下来不会乱,也会比较统一
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
JavaScript 小型打飞机游戏实现和原理说明
JavaScript小型打飞机游戏实现和原理说明玩法说明:上下左右控制移动,空格发弹。每打中一个敌机就加100分,每提升5000分,玩家的飞机的一次发弹数就加一,最多四,被敌机撞到或者让敌机飞到底部就算输。。。。演示代码:http://demo./js/FlyBeat/游戏目前的功能还是比较简...
-
ASP.NET新型的投票结果显示方法
一个投票功能模块少不了查看投票结果,用进度条显示各个投票结果可以起到一目了然的效果。以下是我的方法,请大家不吝赐教:1:做一张图片用于做进度条,只需要很小的一个图片就可以了,如高20px,宽1px。2:在要显示进度条的单元格中插入image控件,其imageUrl设置为已做好的...
-
python批量生成本地ip地址的方法是什么
python批量生成本地ip地址的方法是什么呢?本文实例讲述了python批量生成本地ip地址的方法。分享给大家供大家参考。具体分析如下:...