网站图形设计与多媒体制作技术交流，各类模板和素材分享。 Tue, 07 Apr 2026 17:08:06 +0000 Tue, 07 Apr 2026 17:08:06 +0000 CH前端社区 https://www.chinahtml.com/forums/18/ Thu, 06 Sep 2018 01:05:37 +0000 https://www.chinahtml.com/threads/587620/ https://www.chinahtml.com/threads/587620/ invalid@example.com (阿繆) 阿繆
网页设计有一个终极目标，介绍鼓励用户去点击、去操作。这些操作行为包括注册或者查询内容等。这样就要求设计师能够把登录注册按钮突显出来，让用户一下子就能注意到，设计师需要以用户的角度出发去考虑这些问题，才能做出更好的用户体验设计。

大量的文字描述会给人一种沉闷的感觉，这个餐饮网站通过大量的食品图片加上少量的注释，很好的解决了这一问题，“我们的食物有多好吃，不用多说，看图就知道了！”

网页布局在网页设计中起到了很大的作用，不仅能让网页整体看起来更协调，还能提升网站本身内容的质量。



,...

网页设计如何排版布局更深得用户芳心？]]> 1 Thu, 06 Sep 2018 01:02:30 +0000 https://www.chinahtml.com/threads/587648/ https://www.chinahtml.com/threads/587648/ invalid@example.com (阿繆) 阿繆 网页设计并不只是设计漂亮、体验优秀就够了，想要用户难以忘怀，你还要进行更加深入的思考，更加走心的设计，今天的文章聊的就是这件事情~

没有哪个网站的站长不希望用户成为自家网站的回头客，希望他们能分享网站内容，能频繁的与网站互动，让他们能够记住自己的网站。

但是，这样的好事儿并非凭空得来，想要网站令人难忘需要你用心去创造走心的设计，而这确实是有迹可循的。今天要介绍的七种方法，能够帮你创造令人惊叹的效果，让用户过目不忘，拥有持久的生命力，带来更多回头客。

1、打造好印象

用户对于一个网站的第一印象是很难忘怀的，离开网站前的最后一件事情也是同样印象深刻。所以给用户留下好印象是相当重要的。

所以，打造视觉设计过硬的着陆页和创造体验无缝的交互是网页设计的关键。



以Tosco Music...

怎样设计网站更能让用户难以忘怀？]]> 1 Sun, 02 Sep 2018 02:06:12 +0000 https://www.chinahtml.com/threads/588150/ https://www.chinahtml.com/threads/588150/ invalid@example.com (zhengqiaoyin) zhengqiaoyin
可以说我们每个人每天无时无刻都在和颜色打交道，作为一名设计师，对颜色更是敏感。色彩的搭配影响着每个作品的成败，所以对于设计师来说，深入了解色彩掌握色彩搭配是一门重要的功课。

色彩是丰富多彩的，每一种色彩代表着不一样的心理和情感，不一样的色彩体现的情感让人们在视觉上心里上的作用都不一样。不一样的颜色碰撞也会给人们产生不一样的心理感受，这是色彩心理学教会我们的。色彩对比在生活中起着举足轻重的作用，所以我们要去深入的了解色彩对比的更多信息内容。包括色彩是什么？什么样的色彩搭配让人振奋人心？什么颜色组合对比是禁忌的？……了解完这些知识后，你就能明白什么颜色搭配组合能让客户或受众满意。

一、色彩对比的基础知识...

为设计师写的色彩对比指南，让你真正了解色彩对比]]> 1 Sun, 02 Sep 2018 02:03:08 +0000 https://www.chinahtml.com/threads/589544/ https://www.chinahtml.com/threads/589544/ invalid@example.com (zhengqiaoyin) zhengqiaoyin
1、表单标签需采用合适的展现形式

根据表单的运用场景，标签应采用对应的展现形式，常见的展现形式有以下三种：左标签、顶部标签、行内标签。

A. 左标签
在一些网页表单当中，标签局左是最常见的一种形式。左标签的展示形式给人一种秩序感，也便于用户在填写表单的过程中快速的辨别标签内容。左标签的这种形式一般用于网页当中，不适合在手机端或者小屏下的移动端出现，因为小屏幕的尺寸有限，标签居左会占用较大的空间，输入框就会受限。


B. 顶部标签...

如何设计一个交互好转化率高的表单]]> 1 Tue, 19 Sep 2017 08:39:36 +0000 https://www.chinahtml.com/threads/587600/ https://www.chinahtml.com/threads/587600/ invalid@example.com (阿繆) 阿繆 “能不能用两种颜色做出让人过目不忘的效果？”





“臣妾做不到哇！！”
真的做不到吗？那可能是你没用对姿势！



今天广州网页设计http://www.ewpv.com小编要说的是我们非常非常经典的一个黄黑配色，黄黑配色可以非常明显的提高我们画面的一个醒目程度。

黄色是一个高度可见的色彩，所以它常被用于健康和安全设备以及危险信号中。大家仔细观察可以发现像考场外的警示带，路边的警示牌亦或是路上的减震带等等都用了非常醒目的黄黑配色来达到集中行人或司机注意力的目的，从而避免一系列误操作。...

网页设计满足甲方要大要醒目，一招制定]]> Mon, 18 Sep 2017 10:09:17 +0000 https://www.chinahtml.com/threads/587576/ https://www.chinahtml.com/threads/587576/ invalid@example.com (阿繆) 阿繆 主题明确
首先我们设计一张图是，应清楚这张设计的用途。让用户一眼就能知道一张图传达出那些信息。所以小编建议在设计整个框架时，尽量减少过多的辅助干扰元素，banner切割的太细碎，内容繁多，就会分散用户的注意力。
突出重点文字
用最醒目的字眼图片内容的核心，让用户可以最快的获取的其中的信息，如下图，主题信息和价格做的不明显，让用户阅读的很吃力。“5折”字样一定要大，要醒目，其余的则需要相应的弱化。


正确的排布方式应该像下面这样：


符合用户阅读习惯...

高品质网页banner设计细节处理技巧]]> Fri, 15 Sep 2017 09:28:42 +0000 https://www.chinahtml.com/threads/587524/ https://www.chinahtml.com/threads/587524/ invalid@example.com (阿繆) 阿繆

色彩排版需要深思熟虑
首当其冲，色彩是网页视觉设计的必需品，甚至说在任何一个设计或艺术中也必须具备。不过，在进行网页设计当中，色彩的出场比例并不低，所以对于色瓷的搭配，设计师应尤为重视。
色彩在网页设计当中，不仅可以强化视觉，而且能够为UI增加情感因素，吸引用户的注意力，强化趣味感。在设计中，用色本没有规律可寻，小编在前面的文章中讲述到关于色彩的比例。我们都知道，色彩多而混乱的失败案例多不胜数，在排版中用色一定要深思熟虑。下面是网页设计中用色的几个技巧：
（1）构成对比。在排版中用色很容易造成混乱，让内容难以辨认。主要控制好文本和背景之间的对比度。
（2）不要使用太多色彩。太多颜色很容易让整个UI变得更加混乱。
（3）让配色协调。配色是设计的基本功，善用色轮和成熟的配色方案。...

优秀网页排版设计的5个小建议]]> Fri, 08 Sep 2017 06:32:45 +0000 https://www.chinahtml.com/threads/587342/ https://www.chinahtml.com/threads/587342/ invalid@example.com (zhengqiaoyin) zhengqiaoyin
一、盲目的做关键词
都知道关键词对于一个网站的重要性，所以在实际生活中，很多人都会选择主关键词来做，大部分的新手也会觉得做的主关键词比较稳妥。其实小编想说的是，现在大部分的主关键词一般都是竞争比较大，要把这些主关键词做上去的时间也会花费比较多，这样转化率来说比较低。所以一般我们建议多做长尾关键词。比如你做的是“燕窝”这个关键词，你可以尝试加类似“马来西亚燕窝”、“天然无添加燕窝”这样的长尾关键词在网站中。这样可以降低时间成本、增加转化率。

二、网站文章多为转载
很多新手都知道做seo其实不容易，特别是对于一个新站。新站需要很多的内容文章，所以很多人盲目的转载或是采集大量的文章。其实这种做法是不对的。...

作为新手，SEO要避免的五大误区]]> Mon, 28 Aug 2017 09:55:20 +0000 https://www.chinahtml.com/threads/586363/ https://www.chinahtml.com/threads/586363/ invalid@example.com (zhengqiaoyin) zhengqiaoyin
今天给大家分享一组蓝色系网站。


Riiot Labs的产品官网采用了蓝色作为主色系，整个蓝色系用到了色相、明度纯度的一些搭配组合，使得整个蓝色界面中，有蓝色的变化，不会单调。很多在做网站的设计师，觉得用一个颜色做主色调的时候，整个网站千篇一律都使用了一个颜色，这样看起来会单调，所以我们可以采用一些邻近色或是去调整颜色的明度纯度做一些搭配，这样会丰富一些。...

推荐一组优秀的蓝色系网站]]> 2 Mon, 28 Aug 2017 09:54:45 +0000 https://www.chinahtml.com/threads/542353/ https://www.chinahtml.com/threads/542353/ invalid@example.com (Angel0404) Angel0404 ps教程中制作二寸照片的拼版方法，从前面的文章介绍知道，二寸照片尺寸：宽度3.5厘米，高度5.3厘米。

　　下面是ps制作二寸照片具体操作步骤：

　　1.在photoshop中打开需要人像，因为大小尺寸不符合规定，所以用裁剪工具进行裁剪。
在工具箱中找到裁剪工具，或者按下C键，然后在上面的属性栏进行如下设置：按照二寸照片的尺寸，我们设置为：宽度：3.5厘米，高度5.3厘米，一般打印的分辨率我们设置为300。

　　2.然后用裁剪工具在图像中拖动构图，保留需要显示的部分。裁剪后的图像如下所示：
浏览附件8483

　　裁剪后的尺寸，我们可以单击“图像——图像大小”命令来检验裁剪的是否是二寸照片的大小。我们在文档大小里面可以看到高宽分辨率都是符合二寸照片尺寸的。这样，一个单张的二寸照片就做好了。
浏览附件8484 ...

一步步教你ps制作二寸照片]]> 2 Mon, 28 Aug 2017 09:54:15 +0000 https://www.chinahtml.com/threads/586298/ https://www.chinahtml.com/threads/586298/ invalid@example.com (shenlan) shenlan
浏览附件9825 浏览附件9826 浏览附件9827 浏览附件9828 浏览附件9829 浏览附件9830 浏览附件9831]]> 2 Mon, 28 Aug 2017 09:53:23 +0000 https://www.chinahtml.com/threads/586258/ https://www.chinahtml.com/threads/586258/ invalid@example.com (we9632580) we9632580
浏览附件9772

在重新设计流行网站的时候，我最享受是清除所有的混乱。

在我看来，最流行的网站往往是最混乱的。看看Facebook，YouTube，LinkedIn……他们提供了过量的信息，以致于你不能专注于真正重要的事情。

在这次对YouTube的重新设计中，我希望实现3个主要目标：

1. 设计一个能够完美满足用户需求的东西。
2. 让用户关注真正重要的事情（换句话说：不要分散用户注意力）。
3. 做一个实际的的，对用户意义重大的重新设计。

主页
浏览附件9773

主页结合了“Home”页面和“订阅”页面两个页面，现在我经常在这两个页面中来回跳转。当我们把它们并列排在一起的时候，就会意识到他们就应该在一起，像命中注定一样。...

重新设计流行网站——YouTube]]> 2 Mon, 28 Aug 2017 02:19:06 +0000 https://www.chinahtml.com/threads/112348/ https://www.chinahtml.com/threads/112348/ invalid@example.com (laogui) laogui 10 Mon, 28 Aug 2017 02:18:05 +0000 https://www.chinahtml.com/threads/128036/ https://www.chinahtml.com/threads/128036/ invalid@example.com (laogui) laogui

下载：http://hotfile.com/dl/57801961/1666137/Mega-Png-Psd-Eps-Ico-Files.zip.html]]> 13 Tue, 10 Mar 2015 09:29:19 +0000 https://www.chinahtml.com/threads/532971/ https://www.chinahtml.com/threads/532971/ invalid@example.com (myooopic001) myooopic001 好的开题报告包括哪些东西呢？我想应该是这样的。毕业论文的题目，题目是毕业论文中心思想的高度概括，要求：
①准确、规范。要将研究的问题准确地概括出来，反映出研究的深度和广度，反映出研究的性质，反映出实验研究的基本要求——处理因素、受试对象及实验效应等。用词造句要科学、规范。
②简洁。要用尽可能少的文字表达，一般不得超过20个汉字。
毕业论文开题报告怎么写
介绍课题的目的、意义。即先说明为什么要选择这个研究课题，交代研究的价值。一般先谈现实需要——由存在的问题导出研究的实际意义，然后再谈理论及学术价值，要求具体、客观，且具有针对性，注重资料分析基础，注重时代、地区或单位发展的需要，切忌空洞无物的口号。
介绍课题的历史背景、现状和发展趋势。即文献综述，主要说明国内外的研究情况，关于这个课题前人曾做过哪些方面的研究、解决了哪些问题、还存在什么问题等。...

为什么开题报告用PPT的都成了白领]]> Wed, 22 Oct 2014 07:22:50 +0000 https://www.chinahtml.com/threads/350545/ https://www.chinahtml.com/threads/350545/ invalid@example.com (soonnet) soonnet 浏览附件6988
















总共35烟雾纹理图片素材，老外整理的，分享一下
http://pan.baidu.com/share/link?shareid=1042372138&uk=704941333 解压密码：...

35个免费烟纹理图片素材（打包下载）]]> 3 Mon, 25 Aug 2014 15:13:39 +0000 https://www.chinahtml.com/threads/350387/ https://www.chinahtml.com/threads/350387/ invalid@example.com (soonnet) soonnet 浏览附件6976

汽车销售公司网站模板
http://pan.baidu.com/share/link?shareid=72465&uk=704941333

关键字:模板,网站,公司,汽车销售,shareid,72465uk, 本文地址：http://www.shejisucai.org/template/kr/201210086218.html]]> Tue, 19 Aug 2014 06:07:48 +0000 https://www.chinahtml.com/threads/127862/ https://www.chinahtml.com/threads/127862/ invalid@example.com (pangdun) pangdun
gCons – All-Purpose Icons for Designers and Developers...

5个免费的图标集下载]]> 8 Fri, 15 Aug 2014 03:08:10 +0000 https://www.chinahtml.com/threads/116675/ https://www.chinahtml.com/threads/116675/ invalid@example.com (sandy_123456) sandy_123456 企业建站一步到位！
对于想建站又碍于资金有限的公司来说，可以选用耐思尼克的优惠建站套餐.它包含有：1000M网站空间，1000M/10用户企业邮局，网站秘书和一个顶级域名等,最重要的是它还免费提供建站宝盒（国内著名的网店系统之一支持模板更换在线支付等）建站宝盒NiceBox是耐思尼克(http://www.nicenic.com)虚拟主机增值服务赠送成品网站，包含各种各样精美网站模板，上百种网站功能，带产品发布系统、新闻系统、会 员系统、投票系统、广告系统、招聘系统等动态功能模块，页面随意增加。运用功能强大的管理平台，轻点鼠标就能立即制作精美的网站,不仅周期大大缩短，而且免费就可以使用，不要额外的技术和成本投入，能同步分享对产品的技术升级和功能改进，大大节省用户拥有网站的成本。
部分精美模板如下：
...

多种精美风格的企业模板！]]> 4 Tue, 05 Aug 2014 07:09:30 +0000 https://www.chinahtml.com/threads/238219/ https://www.chinahtml.com/threads/238219/ invalid@example.com (he313129) he313129
Sliding Tags

Sticky Butterscotch UI Kit

28 Layer Syles

Mimi Glyphs

Ui Elements

Light UI Kit

Share Buttons

Mini glyphs (12 px)

Progress Bar

Bella UI

12 px glyphs

Derailed Ui Set

Mini Clouds Set

Share buttons

Vector UI Kit]]> 3