网站首页布局设计时,会考虑到很多元素、模块、功能列表等内容,根据行业及具体内容的不同运用色彩、样式、JS特效设计出符合用户需求的网页主体效果。在设计的时候要考虑到所有欲展示的内容,分好类别,将重要的模块呈现在首页,并同时做好导航及次页的内容分类归档。
总体说来,设计网页特别是首页要考虑到几种表现形式:第一、网站导航一个网站的结构清晰与否很大程度上由导航来决定,把自己网站大的功能模块按类别分类整理,越清晰给人的感觉就越专业,用户在浏览网页的时候能很快找到自己所需要的东西。
第二、幻灯大图现在的网页设计都比较宽,一般会在第一屏考虑设计一个全屏大图,一方面让网页看起来大气,另一方面可以把最核心的内容以图片的形式展现在第一屏,再配合幻灯自身的动态展示效果,能让首页增色不少。
第三、卡片式内容模块卡片式表现手法一般应用于提炼后的精简话术,如产品特色、核心优势、服务项目等,再配上与内容相关的图标,给人的感觉沉稳、简洁、专业,让想要表达的内容一目了然不拖泥带水。
第四、文章列表一个网站设计完成后框架和主体内容模块一般不会发生太大的变化,唯一能不断更新变化的其实就是文章类的内容了,考虑到文章标题及对应图片的布局设计,图片展示可以是组图形式也可以是文字匹配图片,总之要考虑好后续不断增加的变量因素。
第五、交互效果目前网页设计都要考虑浏览者的用户体验问题,用户停留的时间久说明内容或界面能打动他,设计网页的时候要花心思做好每一步。交互式体验可以利用既有的动画库来实现,比如可以使用Wow+Animate来实现,开发成本低效果有保障。
第六、自适应制作网页之初就要考虑到不同终端的适配问题,传统PC端效果如何应该在对应的其它终端保持一致的效果。特别是手机端,为了保持最大的灵活度及适配成本,建议PC和WAP可以考虑使用不同的模块,不建议使用同一套CSS来控制自适应问题,这样开发成本高,维护成本不可估量。