`
axengine
  • 浏览: 147191 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

网站设计系列:设计

阅读更多
设计体现了一个网站的艺术素养,然而并不是说您应当过分设计,设计风格应结合您的行业,要简洁,清新,优雅,平和,设计仅仅是在用户访问您的内容时获得一种外在印象,不可喧宾夺主。设计应遵循以下原则。 为初次访问者传递专业的第一印象 好的设计会给初次访问者带来难忘的第一印象,然而设计的好与坏从来都是仁者见仁,智者见智的,没有统一标准,如果硬要设置一条标准,就是好的设计应给人以专业感,所谓的专业感,通俗地讲,就是设计要象个样子,不妨拿您的网站和世界500强的作个对比,您就会知道专业感是个什么样子。 面向行业设计 如果您是机械行业,使用粉红色系作页面的配色就不恰当,不同的行业有不同行业的风格,您的设计应符合这个行业的风格,不同行业的设计风格一般以不同行业的消费群的口味而定,这就好比以专业摄影师为目标市场的相机一般以黑色,结实,手感重为特点,而消费类相机则以银色或彩色,轻薄时尚为特点。如果您不知道您的行业风格是什么,不妨看看您的成功的竞争对手的网站。 设计不可喧宾夺主 或者说,不可过度设计,您需要始终记住,用户来到您的网站,他们真正想看的是内容,而不是您的设计,何况,所谓设计,更多是一种主观的东西,随着这个世界的流行趋势而变,现在的设计多以简洁为美,一定不要将您的网站搞得象巴洛克时代的艺术品。 设计遵循优雅原则(elegant) 一些粗鲁的设计会让用户觉得受到侵犯,所谓优雅,举个例子,您的页面顶部放着20个无颜六色跑马灯在那里闪烁就绝对不是优雅,优雅的设计显得礼貌,有品位,有艺术感,让用户受到尊重,且不可让用户觉得您是在对他们大喊大叫。 设计遵守平和原则(peace) 不要用过分强烈的色彩或字体对比让用户感到不安,或者感到疲劳,好的设计是把自己的设计思想平平常常地展现出来,而不是总害怕人看不到,如果用户用户感觉不到您的设计用心有觉得舒服,您就是在以平和的心态设计。 包含醒目的 Logo 您的公司或网站的 Logo 要非常醒目,它们是您的视觉标志,不要把它们埋藏到一些乱七八糟的色彩中。 包含一套非常吸引人的企业 Banner 企业 Banner 是我自造的一个词汇,所谓企业 Banner 是一组图片或其它视觉元素,放在网站的上部,一般在 Logo 下方,导航条附近,用来展示企业的形象或动态,它类似广告 Banner 但只用于展示企业自身。企业 Banner 要有良好的设计,体现企业的文化,价值观或造诣,要定期更新。 企业 Banner 应当定期更新 企业 Banner 应该是您的网站中最醒目的部分,对于长期访问用户,它们应该成为用户注意力的中心,比如,微软每次有新产品,新动向,都会设计全新的企业 Banner 放在首页,如果您没有时间和经理定期对网站内容进行大规模更新,更新企业 Banner 并与企业动态结合起来,会让人觉得您的网站一直在活跃地更新。 企业 Banner 体现企业动态 如果您有一个大型展览会要举行,或者参加某项活动,或者在行业获得某个成就,奖励,或者有重大产品发布,都可以以企业 Banner 的形式告诉用户,如果您自己对这些动态重视,您的用户也会。 合理安排页面重心,不可有头重脚轻的感觉 人类能接受的最佳构图是三角构图,重心位于页面的左侧偏下,然后重心向右,向上逐渐减轻。否则会有画面不稳的感觉。不要在页面顶部罗列太多视觉元素,那样会给人头重脚轻的感觉。 全站遵守一致的设计风格 全站的配色与页面布局应该是一致的,要给人以连贯感,避免页与页之间有太突兀的变化。 对图片进行优化 图片在网站中地位非常重要,适当地使用图片元素可以避免页面太枯燥,图片比文字更容易理解,但您必须对图片进行设计时优化处理,否则它们的体积将使您的网站变得非常笨重,Photoshop 的 Save for Web 功能可以很好地帮助您对图片进行优化。图片优化的原则是,对于颜色比较丰富细腻的照片,应以 JPG 格式保存,适当选择压缩比例,一个 400×300 像素的图片以 JPG 保存时的尺寸应低于 20K 才合适;对于大色块的图形,以 GIF 格式保存比较好,适当降低颜色数以显著降低图片尺寸。 延伸阅读 2009年1月5日 — 十大网站设计错误 (0) 2009年1月3日 — 网站设计系列:搜索引擎优化(SEO) (0) 2009年1月3日 — 网站设计系列:W3C 标准 (0) 2009年1月3日 — 网站设计系列:性能 [...]
分享到:
评论

相关推荐

    网页设计大作业-柯南

    这个大作业可能涵盖了一系列的网页设计与开发流程,从最初的规划到最终的上线测试。 1. **网站规划**:首先,设计者需要对网站进行整体规划,确定网站的目标受众、内容结构和功能需求。"柯南"主题可能意味着网站将...

    网页设计:搜索引擎不喜欢的网站设计.pdf

    "网页设计:搜索引擎不喜欢的网站设计" 网页设计中,存在许多搜索引擎不喜欢的网站设计错误,这些错误主要是由于 URL 结构、后端编程和较差的设计选择所引起的。作为一个专业的 IT 行业大师,我将从以下五个方面...

    个人网站制作课程设计

    9. 发布与部署:完成网站设计后,你需要将其发布到Web服务器上。了解FTP(文件传输协议)或使用GitHub Pages、Netlify等现代部署服务,可以使你的网站在线上运行。 10. 论文写作:作为课程设计的一部分,你可能需要...

    调查报告:网站设计战略.zip

    网站设计战略是企业在构建或改进其在线平台时制定的一系列指导原则和目标,旨在提高用户体验、吸引流量、促进品牌认知并实现商业目标。本调查报告深入探讨了这一主题,提供了关于如何制定有效的网站设计策略的关键...

    建筑风光网站web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript临近期末, 你还在为HT

    web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列...

    教育服务网站web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript临近期末, 你还在为HT

    web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列...

    CSS网站设计系列资源

    "CSS网站设计系列资源"这个标题表明这是一个包含多种CSS设计相关的素材和模板的集合,非常适合那些想要提升网页设计技能或者正在构建网站的开发者。 在描述中反复提及“css网站设计”,这强调了资源集的核心内容,...

    SoC单片机实验实践与应用设计基于C8051F系列(扫描版)PART7

    开始查找C8051的入门书籍,卓越上面找到:SoC 单片机实验实践与应用设计基于C8051F系列 http://www.amazon.cn/ 只是觉得纸张太差劲,有D版的嫌疑! PDF大家就将就点看吧! 扫描仪用的是新买的 清华紫光Uniscan...

    婚纱摄影网站设计毕业论文.pdf

    婚纱摄影网站设计是一个综合运用多个IT知识和技术领域的课题。从给定文件的【部分内容】中,我们可以提炼出一系列关键知识点。以下是这些知识点的详细解释: 1. 网页设计与开发工具:文档中频繁提到了Photoshop、...

    视觉设计网页设计:网页导航设计法则.pdf

    这些原则适用于各种类型的网站设计,不论大小,都应确保用户能轻松地在网站内导航,提升用户的满意度和使用体验。在设计网页导航时,应结合用户习惯、网站架构以及信息层级,创建直观、一致且易用的导航系统,以此来...

    PCB高级设计系列讲座资料

    《PCB高级设计系列讲座资料》是一份专为PCB设计初学者量身打造的学习资源,旨在帮助初学者快速掌握PCB(Printed Circuit Board,印制电路板)设计的核心技术和实践经验。PCB设计是电子工程领域的重要组成部分,它...

    教育登录页面web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript临近期末, 你还在为HT

    web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列...

    绿色自然登录页面web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript临近期末, 你还在为

    web课程设计网页规划与设计:网站设计(多个页面) HTML+CSS+JavaScript 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列...

    毕业设计 网站设计 Java开发

    【标题】"毕业设计 网站设计 Java开发"主要涵盖了Java编程语言在网站设计中的应用,特别是针对汽车租赁业务的系统实现。这是一项综合性的项目,涉及到前端界面设计、后端服务处理以及数据库管理等多个关键环节。下面...

Global site tag (gtag.js) - Google Analytics