巧妙设计—让页面活起来

随着互联网的发展,Web页面在我们的生活中已经是无处不在,如何利用视觉艺术为你的Web产品增彩,也 成了产品设计者逐步完善的一门课程。

一个完整的Web页面是需要点线面的合理结合,每一个页面都是 一个神奇的空间,同时他的深度,广度和作者赋予的元素美感决定了这个页面的可观赏性。

好的创作 依附与好的灵感。灵感是一个很微妙的东西,它是指不用平常的感觉器官而能使精神互相交通,亦称远隔知觉 。或指无意识中突然兴起的神妙能力。或指作家因情绪或景物所引起的创作情状。如果你在创作的时候没有灵 感,不防停下苦思冥想,一张纸一支笔,随手涂鸦,勾勒一些布局。或倾斜的线,或不规则的图形,变换一下 角度,或许你会从中找到一些灵感的突破口。亦或者反复不断的去欣赏一些好的作品,在不停的幻灯片式的预 览过程中,或许就有瞬间的视觉冲击戳中你的灵感点。

要想让自己设计的页面有鲜明的艺术特色,从 众多的页面里脱颖而出,下面着重从以下四点去介绍。

一.巧妙利用文字

网页设计中,文字在 整体界面中起到了主体的作用,是传达信息的主要元素,字体的的大小、颜色、字体样式甚至间距都会直接影 响页面的视觉传达效果。如下图例:

整体页面趋于简洁,但用文字跟图形做了巧妙的结合,使整个页面显的简而不空,同时整体文字大小对比 也使页面变的更具层次感。

合理的将字体打散进行灵活艺术加工处理使其图形化,既呈现了信息,又使整体看起来更加贴切设计主题 ,更具美感和艺术性。

页面信息量虽大,但由于在间距和大小对比上做了合理的处理,使整个页面看起来满而不乱,很容易一眼 就能找到信息点。

时间: 2024-11-02 19:38:43

巧妙设计—让页面活起来的相关文章

利用视觉艺术为网站增彩 巧妙设计—让页面活起来

随着互联网的发展,Web页面在我们的生活中已经是无处不在,如何利用视觉艺术为你的Web产品增彩,也成了产品设计者逐步完善的一门课程. 一个完整的Web页面是需要点线面的合理结合,每一个页面都是一个神奇的空间,同时他的深度,广度和作者赋予的元素美感决定了这个页面的可观赏性. 好的创作依附与好的灵感.灵感是一个很微妙的东西,它是指不用平常的感觉器官而能使精神互相交通,亦称远隔知觉.或指无意识中突然兴起的神妙能力.或指作家因情绪或景物所引起的创作情状. 如果你在创作的时候没有灵感,不防停下苦思冥想,一

网页设计节约页面空间的设计方法

通常看一个网页的时候,你会看多少屏以内的内容?一屏?两屏?还是--根据很多网页设计者的认识,大部分访客不会从头到尾浏览一次网页,通常三屏以后的内容就很少人认真去看了. 其实设计一个页面就像设计一张邮票一样,要在有限的空间内容纳尽量多的东西,这次就看看比较常见的节约页面空间的方法. 1.使用下拉菜单和Tab标签页 这两个效果的灵感都是来源于操作系统里的菜单栏和标签栏,不过在网页设计里,下拉菜单和标签切换的效果可以比软件里的绚丽的多. 2.内容轮播 这个效果其实就是这两年讨论比较多的"幻灯片&quo

保障任务流畅的IA设计方法-页面简图法

关于"为任务而设计"和"为结构而设计"的问题,之前曾经反复阐述过,如果你没印象了,可以先看下:<设计原则VS实际情况>和<为产品结构的设计,为用户任务的设计>. "设计时,既应该关注让任务流畅,又需要让结构清晰." 如果你认同了这个观点,那么,接下来的问题就是:应该怎么做呢? 下面介绍一个设计方法,这是一个用于兼顾"为流程"与"为结构"的信息架构(IA)的设计方法.是2010年底,我

公司怎样设计网站页面布局

设计网站页面布局主要有以下几点: 一.网站首页的布局设计 网站首页是网站给浏览者的第一印象,网站页面布局要从主题.导航和内容方面着手进行页面布局分析. 1.网站主题 在网站页面布局中,首页是网站的最核心的页面,首页的主题也就是网站的主旨,所有内容围绕着首页的主题来描述.主题主要体现在网站的标题.关键词和描述上,其中最主要的是标题,用户在搜索引擎上搜索结果就是你网站的标题和描述性内容.在首页的页面上,首页主题还体现在logo上,准确概括的logo和主题可以很好的帮助用户选择自己需要的网站. 2.网

界面-android 页面UI设计,页面美化

问题描述 android 页面UI设计,页面美化 我做的是一个品牌列表,现在和电话本一样,没有灵感不知道从哪里美化,功能不是太多 ,所以加功能应该是不会了,(本来我是想加个扫一扫和侧滑栏的),求设计大神帮我设计一下开发界面美化"> 解决方案 建议你去看下google新的设计规范http://www.uisdc.com/comprehensive-material-design-note 解决方案二: 字体大小,颜色,要区分主次,适当加一些icon 解决方案三: 不好意思,赚取积分... 解

javascript-网站设计中页面css和js问题

问题描述 网站设计中页面css和js问题 最近在写网站,以前写过几个管理网站对外观没什么要求,最近写的这个各种酷炫的要求,所以想请大神帮忙推荐几本学习css和js 的书或者网站,好友大神们写网站的css和js是下载还是自己写呀,要是下载去哪下载比较好呀,写大神 解决方案 锋利的JQuery 解决方案二: js高级程序设计.css多看看模板代码 解决方案三: 其实 你需要学习 js css3 以及html5 解决方案四: 可以参考网上的 但还是自己要懂才行 去看看jquery和js标签库巴 解决方

[ASP.NET MVC] 利用动态注入HTML的方式来设计复杂页面

原文:[ASP.NET MVC] 利用动态注入HTML的方式来设计复杂页面 随着最终用户对用户体验需求的不断提高,实际上我们很多情况下已经在按照桌面应用的标准来设计Web应用,甚至很多Web页面本身就体现为一个单一的页面.对于这种复杂的页面,我们在设计的时候不可以真的将所有涉及的元素通通至于某个单独的View中,将复杂页面相对独立的内容"分而治之"才是设计之道.我们可以借鉴Smart Clent应用的设计方式:将一个Windows Form作为应用的容器(Smart Client Sh

谈女装销售网站怎么设计网站页面

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 现在销售网站比较成熟的女装销售站已经逐渐成为了广大女性朋友们的最爱,女性朋友们的喜欢也铸就了一大批淘宝网女装购物网站的出现,网站的增多导致竞争的加剧,那么如何才能够吸引客户进入网站购买女装呢? 用户进入网站的第一映像并不是客服态度.售后服务等方面,作为一名女人她们喜欢的是漂亮而又大方的购物网站,那么女装网站销售店应该怎么去设计网站页面赢得用户

网页设计技巧:网页图片的巧妙设计方法

文章描述:浅析网页设计中图片的使用基本原则. @MartinRGB 设计师都知道,行业的核心追求便是打造优秀的视觉效果.实际上,之所以能够成为设计师,是因为我们具备一种技艺,能够满足用户的视觉感受和视觉需求.我们可以听.读.想,我们可以想象出概念.物体以及人:但是这些感受都很抽象,只有实实在在地看到,印象才能定型. 你遇到过从来没见过雪的人吗?可能你也从来没见过雪花飘洒在天空的景象.所以这些人无法理解,到底什么是雪?他们可能会知道原理是因为寒冷而凝结了空气中的水分,落下便形成了雪,可是他们无法真