网页设计经验 http://webyuansu.cn/list.asp?classid=29 zh-cn Rss Generator By sdcms2.2 biz 推荐一组优秀的红色系网站【原创】 http://webyuansu.cn/show.asp?id=8897 说到红色,大家想到的肯定是热情、奔放、火辣。的确,红色类似新鲜血液的颜色,是光的三原色和心理原色之一。红色表现出的色彩情感也是喜庆、热烈,同时因为跟血液的颜色一样,所以有时候又会让人觉得害怕、危险、恐怖。红色系的网站大部分出现在一些节日主题网站和食品网站当中,当然,也有一些产品也喜欢用红色来做主色调,寓意红红火火。


今天小编跟大家分享一组红色系的网站。

]]>
五个建议帮助大家设计别具一格的网站 http://webyuansu.cn/show.asp?id=8892 很多设计师在设计网页的时候很容易设计出千篇一律的网站,这个是最忌讳的。所以本文为大家分享设计师在设计网页的时候,五个小建议帮助大家设计出别具一格的网站。

不知道大家会不会有过类似的体验,当你同时在进行几个网站的设计时,设计出来的界面布局很多时候都是一种风格,可能就换了个颜色。所以送给大家的第一条建议就是布局要有突破。

打破原有布局排版,可能会收货不一样的视觉体验。在设计当中最需要避免的就是千篇一律,以前设计的经验不足,在做很多设计的时候,做完的网站一比较,发现风格都差不多,其实很多时候往往就是布局上的一致。所以大家在设计的时候,可以拓展思路,改变下布局,可能会是一个全新的设计风格。

]]>
推荐一组优秀的黑色系网站 http://webyuansu.cn/show.asp?id=8889 黑色,是亮度最低的非彩色。黑色在不同的场景下有不同的含义,但黑色在设计运用过程中,经常给人传递的是一种庄重、神秘、秘密、稳重等等的一系列视觉感受,相比白色而言,黑色肯定显得没有那么纯白洁净和友好,所以我们在用黑色作为网站的主色调的时候,一定要慎重,因为用不好的话,可能这个网站就会给人一种消极感受。


当然,也有很多设计师将黑色用的出神入化的,今天我们一块来学习这些优秀的黑色系网站,分享一下到底这些网站好在哪里。

]]>
最近网站当中较为流行的4种颜色设计趋势 http://webyuansu.cn/show.asp?id=8888 写在前面:自今年2月份写个人经验分享以来,没想到坚持到现在也有4个多月了。写个人经验分享纯粹只是想把自己的一些经验告诉大家。开通微信公众号——小乔设计也是本着这样的初衷,直到前两天在更新公众号内容时,提示我的文章非原创,原来已有其他公众号抄袭我的文章之后还加了原创声明,这让我啼笑不已。作为原创作者,反而被告知抄袭,这是多么可笑的事情。不是不能理解,这个跟做设计一样,抄袭的情况屡见不鲜,也有拿着自己设计的作品来面试的搞笑现象出现。只是单纯的希望可以尊重每一个原创作者,在转发一些设计作品或是设计文章的时候标注下出处,这是对原创作者的支持,谢谢


一个好的网站可以一眼就抓住用户的眼球,大部分设计师会采用好的版式设计加上独特的色彩搭配,使得网站引起浏览者的注意。颜色通常是设计师最有力的工具,通过不一样的颜色设计,设计师们可以去设置网站的色调,从而影响到用户的情绪。

]]>
3个网页的基本设计趋势,帮你打造高大上的网站【原创】 http://webyuansu.cn/show.asp?id=8886 有时候网站当中一个小的设计调整,可以立马将一个普通的网站提升成一个高大上的网站,今天给大家介绍的这几种设计趋势,可以帮助大家在现有网站上做调整,也可以带入到新的设计项目中去。

纵观最近的一些网站设计,几何图形这个设计元素出现的频率越来越多。从之前的渐变色背景到现在的几何形状,这是设计趋势的一种。
几何图形的造型设计可以增加视觉感知的冲击感,增加视觉丰富性。

几何图形可以以下面几种常见方式出现:

]]>
网站中突出主要内容的5种方法 http://webyuansu.cn/show.asp?id=8882 设计师如何将网站要表达的内容第一时间传达给浏览者,这是非常重要的。回想起老的网站,为了吸引浏览者的眼球,会采用弹窗抖动或浮窗等方式来吸引用户。但这种方法不适合现在,前面我们分享过一篇网站中让人讨厌的8种设计元素,这个就是其中的一种。

所以,我们如何采用正常的方式来突出网站的关键内容呢?一起来看看下面几种方式吧。

对比,是形成图像的基本因素。可以说没有对比就没有图像。黑与白是一种强烈对比,至少要有两种调子(白底黑字)对比才能构成图像,只有一种调子不能形成图像。对比是突出主体的有效方法。

]]>
网页设计中常用的8款字体 http://webyuansu.cn/show.asp?id=8880 字体在网站中扮演了相对重要的一个角色,所以在网站中,选用什么样的字体也是一个相对比较重要的工作。今天跟大家分享下在网站当中常用的8款字体。


都知道,字体主要分为称线字和无称线字。其实细分的话还有等宽字体、梦幻字体和花体字。但今天我们主要针对常用的称线字和非称线字来讲。

]]>
网站中让人讨厌的8种设计元素,你中招了吗? http://webyuansu.cn/show.asp?id=8878 我们在浏览一个网站的时候会对这个网站有初步一个的印象,有些网站让人看了第一眼就爱上,有些网站刚打开几秒就被关闭。所以,为什么有些网站一打开就会被关闭呢?今天小编给大家整理了在网站当中8种让人讨厌的设计元素,你中招了吗?


我们在前面缄默原则一文中说起过干扰用户这个问题,缄默指的是交互上的不要扰民。这里说的“扰民”是指用户在操作某一步骤时,因为设计的不合理而中断了用户的使用,给用户在体验的过程中造成一定的不适感。

]]>
推荐一组优秀的蓝色系网站 http://webyuansu.cn/show.asp?id=8874 在众多网站当中,我们最常见到的网站是蓝色系的。蓝色本身代表和平、光明、宁静。它是网页设计中非常受欢迎的一种颜色,也是我们可以经常在不同的团体、商业网站和初创公司的设计中看到蓝色的原因。


今天给大家分享一组蓝色系网站。

]]>
如何将渐变色加入到网站当中,来提升网站格调 http://webyuansu.cn/show.asp?id=8873 这两年,相信大家都打开网站,看到不少带有渐变色的界面效果,而这种效果也让很多人惊艳到。说到渐变色,其实早在前两年开始悄悄流行起来。


渐变色给人丰富的视觉感受,同时也能表达丰富的情感体验。今天我们来分享如何使用渐变色设计,提升网页界面的格调。

]]>
如何将一个网站设计得简约时尚【原创】 http://webyuansu.cn/show.asp?id=8869 早在小编上大学就喜欢日本简约的设计风格,从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。现在大家说的日式风大都是简约风格,这样设计风格最近几年也一直被推崇着。


前面跟大家分享过留白在网页中运用的重要性,今天要分享的是网页设计中简约的重要性。

]]>
可读性在网页设计中的重要性(原创) http://webyuansu.cn/show.asp?id=8868 当我们打开一个网站,我们会看网站界面是否美观,交互是否符合人性化,布局是否合理等等,这些因素对网站起到一定的影响作用,但最根本影响一个网站的是整个网站的可读性。
良好的设计应该都是可读的设计,如果信息都无法正常而清晰的传达,那么设计就失去了意义。设计的可读性和排版设计息息相关,与此同时,对比度的控制也是其中的核心。想要提升内容的可读性,让内容以更加顺畅、更符合逻辑的形式呈现在用户面前,可以通过以下几种方式来提高网页的可读性。

要让文字提高可读性,可以通过调整字体样式、外边距、内边距、颜色和对比度等参数来提高文字的可读性。

字体样式:字体的样式会影响可读性。

]]>
网页当中经常使用的十一种排版形式【原创】 http://webyuansu.cn/show.asp?id=8866 前面的教程我们陆续介绍到一些设计原则在网页当中的运用,今天我们来讲讲网页设计经常用到的排版方式。


在版式设计当中,主要有以下几种排版形式:重心型、中轴型、分割型(分上下分割和左右分割)、倾斜型、骨骼型、满版型、曲线型、对称型、三角形、四角型和自由型。这几种形式会比较常出现在网页设计当中,所以我们一一来分析以下几种排版方式。

]]>
自喻原则在网页设计当中的运用 http://webyuansu.cn/show.asp?id=8864 要知道在这个快节奏的生活中,用户可以因为网站打开速度慢而关闭网站,也可以因为在注册过程中因为注册流程冗长而放弃此次购买,所以网站的界面需要做得清晰明了,让用户轻而易举的知道哪一个版块是什么功能,因此,网页设计当中的自喻原则就相当重要。


自喻原则比较好理解,指界面当中某个元素可以清晰明了的让用户明白当前元素的功能或操作意图。自喻的使用可以节省用户的操作时间和思考时间。

]]>
对齐原则在网页设计中的运用 http://webyuansu.cn/show.asp?id=8863 设计有一些原则是共通的,不管是产品设计、平面设计、还是服装设计,设计的形式美法则都是通用的。前面跟大家也分享了一些对比、统一、留白在网页当中的运用,今天跟大家分享对齐原则在网页当中的运用。

对齐,是很重要却很容易被遗忘的一点。在《给大家看的设计书》这书中提出了四大原则:对比、重复、对齐、和亲密性。书中提出:任何东西都不能在页面上随意摆放,每个元素都应当与页面上的另一个元素有着某种视觉联系。这样能建立一种清晰、精巧而且清爽的外观。

视觉上遵从保持尺寸和边缘的一致性。

]]>
变化在网页设计当中的运用 http://webyuansu.cn/show.asp?id=8861 在网页设计当中有各种形式和法则可以运用,前面也介绍了网页设计中常用的一些运用法则,界面上的美观有了,那交互上的呢?今天我们就界面上来分享变化在网页设计当中的运用。


说到变化,我们很容易想到前面分析的对比原则,在同一个界面当中,有主要和次要之分,所以就存在对比。但今天我们说的变化不是指对比,而是在一个界面当中,根据用户操作习惯界面的区域元素应做适当的变化处理,可以简称为交互上的变化。

]]>
统一原则在网页设计当中的运用 http://webyuansu.cn/show.asp?id=8853 形式美法则是人类在创造美的形式和过程中对美的形式规律的总结概括,世间万物的美都可以用形式美法则来概括。在平面构成中也有形式美法则:统一和变化,对称和平衡,节奏和韵律,对比和调和。前面跟大家有分享了对比、留白在网页当中的运用,今天我们继续来分享网页当中那么多元素是如何做到统一一致的。

在视觉上的统一可以体现在:图片,色彩;区块;布局;字体,视觉元素。此外,还有一个交互上的统一。

图片统一体现在图片大小尺寸上的统一,颜色色系上的统一和图片风格的统一

]]>
留白在网页设计当中的运用 http://webyuansu.cn/show.asp?id=8852 早在小编上大学就喜欢日本简约的设计风格,从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。现在大家说的日式风大都是简约风格,这样设计风格最近几年也一直被推崇着。

日本的设计有一个最大的特点就是极简,极简意味着留白。所以小编今天为大家讲解下留白在网页设计当中的运用。留白,也可以称为负空间。留白并非只是简单的指白色空间部分,它也可能是同个网页下的各个元素的空白空间。

这样的留白可以体现在多个地方,比如:幻灯片、区块边距、布局、行距、图表等。处理留白比较考验设计师的设计能力,留白可以打造简约的风格特点,而在哪里留白就显得比较重要,它不仅是调节界面的视觉审美效果,更是要凸显主体,达到留白的最终目的。

]]>
网页中用到的对比原则(三):区块对比(原创) http://webyuansu.cn/show.asp?id=8851 前面小编给大家分享了色彩对比和字体对比在网页当中的运用,今天跟大家分享的是网页当中跟布局紧密相关的区块大小对比。

网页当中说到布局设计,不得不提栅格,栅格是网页设计当中的基础,它可以帮你确定网页的各个元素要怎么放置,让整个网页具有规范感和正式感,还具有一种结构分明的设计感。

其实早在很久之前,栅格早被应用在各个不同领域。比如我们的现在看到的图书和报纸。特别是报纸的应用,比较可以直观看出各个块之间的关系,这些块也就是网页当中的区块。

]]>
网页中用到的对比原则(二):字体对比(原创) http://webyuansu.cn/show.asp?id=8850 在上一篇文章当中,小编给大家分享了色彩对比在网页当中的运用,今天小编来给大家分享字体对比的几种常用表现手法。


字体有很强的识别性和可读性,因此字体在整个界面上的设计也相当重要。字体设计得好,可以为整个网站锦上添花。网页中的字体对比体现在:字体大小的对比、字体粗细的对比、字形的对比、字体颜色上的对比、字体动静对比和字体的方向对比

]]>