微信小程序制作
当前位置:网站首页 > 网站建设热文 > 探讨高校类网站如何更好的配色 返回列表

探讨高校类网站如何更好的配色

作者:admin 时间:2022-08-18 浏览量:316
作为我国特色鲜明的著名大学“根植红土,情系有色,坚忍不拔,赤诚报国”的校训,其在网页色彩应用方面注重色相的对比,采用了红土
高原特有的地域颜色。学校主页,“校园新闻”、“通知公告”采用了简单白底黑字搭配,形成了鲜明的对比,让浏览者过目难忘。
综合性大学的代表———网站的网页横幅部分是的标志性建筑会泽楼,这座有近百年历史的法式建筑,很明显的把历史底蕴表现出来,处处彰显着
“至公天下,会泽百家”的校训。而云大其他几个著名景点“金色银杏”、“东陆云大”、“海棠映月”等在不同网页中的应用也给浏览者留下很
深刻的印象。如图3所示,主页横幅颜色与云大景点、建筑物的颜色相互映衬,其中“金色银杏”页面采用了秋天银杏道上飘落的黄色银杏叶,超
链接的颜色也设置为金黄色的邻近色,使整个页面混为一体,具有很强的渲染力。“岁月永恒”页面根据的历史上“护国运动”、“一二•一运动
”等的光荣的红色岁月,采用了象征革命,严肃认真的红色。
作为艺术人才的摇篮,在其网站主页设计中大胆采用了五种颜色以上搭配,这些颜色大多是各少数民族的识别颜色,色彩虽多却显得有序,多而不
乱,杂而不揉。结合了少数民族地区多民族、多特色、多样式的特点,既延续了本土特色,又透露着现代的艺术气息,从以上几个高校网站中网页
色彩的应用来看,各校由于专业特点、地理位置、学校性质的不同,其校园网站色彩的应用各不相同,但均通过色彩的合理应用充分体现了学校的
办学特色、地域特色或者学科特色。
校园网站中网页色彩应用原则
色彩是网页设计的关键因素,如何把握色彩的合理应用,提高网页设计效果,是校园网站成功设计与开发的重要环节。
应善于把握网页色彩的心理暗示
网页色彩能够给浏览者带来极大的心理暗示,众所周知,色彩具有象征性、职业标志性、民族性等,色彩的民族性在多民族聚集的更是得到了充分
的体现,各个民族由于环境、文化、传统等因素的影响,对于色彩的喜好也存在着较大的差异,例如佤族的红黑色、白族的红白色等。另外,色彩
还具有鲜明的地域性,所处环境的土地、天空、树木也会影响着人们的颜色喜好,例如红土高原的红色,雪山的白色等。在网页设计中充分运用色
彩的这些特性,可以增强网页的吸引力,使我们的校园网站具有更加深刻的艺术内涵,进而提升校园网的文化品位、提升用户浏览体验效果。
网页设计应充分体现大学文化据统计
在我国教育部备案的各类高校有三千多所,其中“985”、“211”全国重点高校也就一百多所,如何让人在众多的高校中通过对学校网站各网页的
浏览能够轻易的记住学校信息或者是吸引人们对学校的兴趣,大学文化在网页设计中的体现是很重要的一个因素。设计者要善于利用、挖掘、发现
本校的历史文化资源,包括历史事件、历史名人、历史建筑等,让网页浏览者无形中能感受大学文化的熏陶,加强对学校的关注度。
应有色彩鲜明的网站导航
设计网站导航在网站设计中占据着非常重要角色,特别是信息比较多的大型网站,显得更为重要。色彩鲜明的网站导航不但能够给浏览者带来愉悦
的心情,而且能让浏览者方便快速找到感兴趣的栏目,节省查阅时间,清晰地说明网站结构。网站导航色彩主要与超链接文字颜色、超链接文字背
景颜色有关,这两个元素都应该清晰无误地向读者标识出来。所有导航性质的设置,像图像按钮,都要有清晰的标识链接文本的颜色,最好使用与
网站主题颜色形成鲜明对比或为补色的颜色。比如鼠标点击文字和文字背景的四个状态:点击前(link)、移上去(hove)r、点击时(active)
、点击后都要规范使用颜色,要让浏览者看得清楚,用着顺畅。
应巧妙运用色彩和图片的关系
假设网站主题颜色为蓝色,但在网站建设过程中反而加入了一些红色、绿色、黄色的照片的话,整个网站会显得杂乱无章,没有头绪,给浏览者带
来不好的体验,无形中影响了本来内容很丰富的网站。所以,统一网页与图片的颜色,使其色系一致或是视觉效果一致,将会使网页看起来更为美
观且有自己的风格。
保持实用性和艺术性的统一
网页设计既是一门技术活动,也是一门艺术活动,只有按照内容决定形式的原则,大胆进行艺术创新,才能设计出既符合网站主题,又有一定艺术
特色、风格独特、个性鲜明的网页。
联系方式:18066528545   029-89298792

阅读过此文章的读者,还阅读过下面的文章

  • 小程序与原生APP那个好?下面我们就来一起了解一下小程序与原生APP那个好。以下是所整理的小程序与原生App的内容,希望对你有所帮助。

    小程序的优点:

    基于微信平台开发,享受微信自带的流量,这个优点最大
    无需安装,只要打开微信就能用,不占手机内存,体验好
    开发周期段,一般最多一个月就可以上线完成
    开发所需的资金少,所需资金是开发原生APP的一半不到
    小程序名称是唯一的,在微信的搜索里权重很高
    容易上手,只要之前有HTML+CSS+JS基础知识,写小程序基本没有大问题
    基本不需要考虑兼容性问题,只要微信可以正常运行的机器,就可以运行小程序
    发布,审核高效,基本上午发布审核,下午就审核通过,升级简单,支持灰度发布
    开发文档完善,社区活跃
    支持插件式开发,一些基本功能可以开发成插件,供多个小程序使用
    小程序的缺点:
    局限性很强(比如页面大小不能超过1M,不能打开超过5个层级的页面,样式单一,小程序的部分组件已经是成型的- 了,样式不能修改,比如幻灯片,导航)只能依赖于微信依托与微信,无法开发后台管理功能
    不利于推广,推广面窄,不能分享朋友圈,只能分享给朋友,附近小程序推广,其中附加小程序也收到微信限制
    后台调试麻烦,因为API接口必须https请求,且公网地址,也就是说后台代码必须发布到远程服务器上;当然我们可以修改host进行dns映射把远程服务器转到本地,或者开启tomcat远程调试;不管怎么说终归调试比较麻烦
    前台测试有诸多坑,最头疼莫过于模拟器与真机显示不一致
    js引用只能使用绝对路径,不能操作DOM
    原生App优点:
    原生的相应速度快
    对于有无网络操作时,譬如离线操作基本选用原生开发
    需要调用系统硬件的功能(摄像头,拨号,短信蓝牙…)
    在无网络或者弱网情况下体验好
    原生App缺点:
    开发周期长,开发成本高,需要下载
  • 小程序和Vue写法的区别?下面我们就来一起了解一下小程序和Vue写法的区别。以下是我所整理的小程序和Vue写法的区别,希望对你有所帮助。

    遍历的时候:

    • 小程序wx:for=“list”,
    • 而Vue是v-for=“item in list”

    调用data模型(赋值)的时候:

    • 小程序:this.data.item // 调用,

    • 小程序:this.setDate({item:1})//赋值

    • Vue:this.item //调用,

    • Vue:this.item=1 //赋值

  • 小程序调用后台接口遇到那些问题?下面我们就来一起了解一下小程序调用后台接口遇到那些问题。以下是所整理的小程序调用后台接口遇到的问题,希望对你有所帮助。

    数据的大小限制,超过范围会直接导致整个小程序崩溃,除非重启小程序

    小程序不可以直接渲染文章内容这类型的html文本,显示需要借助插件
    注:插件渲染会导致页面加载变慢,建议在后台对文章内容的html进行过滤,后台直接处理批量替换p标签div标签为view标签,然后其他的标签让插件来做
  • 分析微信小程序的优劣势?下面我们就来一起简单的了解一下微信小程序的优劣势。下面是所整理的微信小程序的优劣势,希望对你有所帮助。

    优势:

    容易上手,基础组件库比较全,基本不需要考虑兼容问题
    开发文档比较完善,开发社区比较活跃,支持插件式开发
    良好的用户体验,无需下载,通过搜索和扫一扫就可以打开,打开速度快,安卓上可以添加到桌面,与原生APP差不多
    开发成本比APP要低
    为用户提供良好的保障(小程序发布,严格是审查流程)

    劣势:
    限制较多,页面大小不能超过1M,不能打开超过5个层级的页面
    样式单一,部分组件已经是成型的,样式不可修改,例如:幻灯片,导航
    推广面窄,不能分享朋友圈,只能通过分享给朋友,附加小程序推广
    依托与微信,无法开发后台管理功能
    后台调试麻烦,因为api接口必须https请求且公网地址
    真机测试,个别安卓和苹果表现迥异,例如安卓的定位功能加载很慢

  • 简单描述下微信小程序的 相关文件类型。下面我们就来一起了解一下微信小程序的 相关文件类型。以下是所整理的微信小程序的 相关文件类型,希望对你有所帮助。

    wxml 模板文件,是框架设计的一套标签预言,结合基础组件,事件系统,可以构建出页面的结构

    wxss 样式文件,是一套样式语言,用于描述WXML的组件样式
    js脚本逻辑文件。逻辑处理网络请求
    json配置文件,小程序设置,如页面注册,页面标题及tabBar
    app.json 整个小程序的全局配置,包括:
    pages:\[所有页面路径]
    网络设置(网络超时事件)
    页面表现(页面注册)
    window:(背景色,导航样式,默认标题)
    底部tab等
    app.js 监听并处理小程序的生命周期函数,声明全局变量等
    app.wxss 全局配置的样式文件

  • 请谈谈原生开发小程序,wepy,mpvue的对比?下面我们就来一起了解一下原生开发小程序,wepy,mpvue的对比。个人认为,如果是新项目,且没有旧的 h5 项目迁移,则考虑用小程序原生开发,好处是相比于第三方框架,坑少。

    而如果有 老的 h5 项目是 vue 开发 或者 也有 h5 项目也需要小程序开发,则比较适合 wepy 或者 mpvue 来做迁移或者开发,近期看wepy几乎不更新了,所以推荐美团的mpvue。
    而如果如果团队前端强大,自己做一套框架也没问题。

029-86195145 180 6652 8545 西安嘉瑞德网络科技公司
工作时间:周一到周六 8:30-18:30
邮箱:2528823962@qq.com
QQ:2528823962
地址:陕西省西安市未央元朔路明丰伯马都A座10820室
  • 微信小程序制作微信二维码
    扫码咨询
Copyright © 2015 西安嘉瑞德网络科技有限公司 陕ICP备17015187号-1