zoukankan      html  css  js  c++  java
  • 网页设计相关

    一、网站基础

    1、 定位网站的类别

             网站的类别比较繁杂,从信息流转和提供服务的方式出发,可以分为以下几类:

             1.门户类网站

             2.信息发布类网站

             3.电子商务类网站

             4.资源服务类网站

             5.娱乐游戏类网站

             6.远程教育和医疗诊断类网站等等

    2、 网站的基本内容

    按照国内外传统制作网站的要求,一个标准的网站应该包括以下10项内容:

            站点结构图(SITE MAP)

            导航栏(NAVIGATION BAR)

            联系方式页面(CONTACT PAGE)

            反馈表(FEEDBACK FORMS)

            引人入胜的内容(COMPELLING CONTENT)

            常见问题解答(FAQs)

            精美的图片(GOOD GRAPHICS)

            搜索工具(SEARCHING MECHANISMS)

            新闻页面(NEWS PAGE)

            相关站点链接(RELEVANT LINKS)

     

    二、定位网站的CI(Corporate Identity,指通过视觉来统一企业或个人的形象)形象

    1、 设计网站的标准色彩的原则:

        a.一般不宜超过3种色彩。

        b.可以运用到网站的标志、标题、主菜单、图片和主色块上。

    2、 网页色彩搭配技巧

        a.用一种色彩

        指先选定一种色彩,然后调整透明度或者饱和度,产生新的色彩。这样的页面色彩统一,有层次感。

        b.用两种色彩

        选定一种色彩,然后选择它的对比色。

        c.用一个色系

        就是用一个感觉的色彩,例如,淡蓝、淡黄、淡绿或黄、淡黄、棕黄等。

        d.用黑色和一种彩色

    3、 网页色彩搭配注意点

        a.不要将所有颜色都用到,尽量控制在3种色彩以内。背景色不要太过复杂,以免减慢网页打开的速度,建议主页的色彩运用应体现在站点标志、导航栏、按钮、边框,非正文文字上。

        b.背景和前文的对比要尽量大,绝对不要用花纹繁复的图案作背景。

        c .色彩的搭配考虑不是单纯的颜色运用,还要考虑诸多因素, 如:社会背景、心理需求、访问者类别等等。

    4、 设计网站的标准字体

          标准字体:一般网页默认的字体是中文“宋体”和英文”Times New Roman“。若需要体现“与众不同”和特有的风格,可选择特别的字体。

          网站的标准字体的设计原则

            a. 不要使用超过3种以上的字体(包括在网页的统一界面中)。

            b.文字的颜色要注意与整体协调一致。

            c.标题以H1~H3字号为佳。

            d. 要注意:使用非默认字体时,最好采用图片的形式。因为浏览者的计算机中可以没有安装特别字体。

    5、首页设计

    • “好的开始是成功的一半”,首页的设计和制作是绝对需要重视和花心思的,一般首页设计和制作占整个制作时间的40%。
    • 1. 确定首页的功能模块
    • 首页的内容模块是指需要在首页上实现的内容和功能。
    • 例如:网站名称,主菜单,新闻,搜索,友情链接,邮件列表、计数器(count)、版权(copyright)等。
    • 选择哪些模块,实现哪些功能,是否需要添加其他模块都是首页设计时需要首先确定的。
    • 2. 设计首页的版面
    • 设计版面的最好方法是:找一张白纸,一支笔,先将理想中的草图勾画出来,然后再用网页制作软件实现。
    • 3. 技术细节的处理:例如,如何设置字体和链接颜色等。

    总结:网站设计基本原则

           1.明确主题      

           2.抓住用户

           3.4个3——3种颜色、3种字体、三级目录、 3次点击等。对于小型网站,主页上任何一条信息点击次数不超过3次,被称为3次点击规则,对于大型网站,可使用导航和工具条来改善操作。  

           4.优化网站与网页架构

           5.避免使用特殊字体,尽量减少图片

           6.避免长文本和错别字

  • 相关阅读:
    Codeforces Round #634 E2. Three Blocks Palindrome (hard version)(双指针/前缀和/二分/好题)
    Codeforces Round #634 D. Anti-Sudoku(构造/水)
    自动化----docker
    自动化---zabbbix监控
    awk使用
    自动化-KVM安装
    nginx教程以及正则
    自动化-cobbler
    Python
    自动化kickstart
  • 原文地址:https://www.cnblogs.com/staceydesign/p/3084187.html
Copyright © 2011-2022 走看看