网站中一些场合的网页背景音乐会让人尴尬
　　网站的一些功能的运用,要自然合适，比如今天我想说的网页背景音乐。大家在浏览网页的时候，比如一些博客，QQ空间等一些展示个性的页面的一些背景音乐，大家可能会感觉很酷。一些网站制作人员在自己的设计中，也喜欢搞一些背景音乐，不过这里要说的是，大家如果要使用这项功能，要注意一些方面的问题。有些企业网站的页面真的不太适合用背景音乐。　　网页背景音乐可能带给用户的尴尬　　对于一些企业网站来说，很多时候不适合使用背景音乐。如果自己要使用背景音乐，就要知道一些场合自己的背景音乐会给用户带来尴尬。在很多的印象中或者潜意识中，网页出现背景音乐往往运用在个性空间中，一些企业网站页面运用背景音乐，音乐的风格要符合自己企业的特点，用的不好的话，会让人感觉像人穿错了衣服，不论不类。一些网站的背景音乐会给大家带来一些困扰，让用户尴尬甚至是讨厌。　　背景音乐带来的尴尬的例子　　举两个笔者遇到的两个背景音乐带来的尴尬吧。比如在13年的时候，淘宝在张国荣逝世纪念日的时候，网页背景播放张国荣的歌曲，笔者在打开淘宝的时候，突然就有音乐出现，淘宝平时都不会有声音，怎么会突然播放音乐呢?是不是我电脑中病毒了或者是淘宝被黑了?问了好几个朋友，他们也同样再问，后来才知道那天是张国荣的逝世纪念日。这里笔者先不说淘宝这样做是不是合适，不过大家应该由此展开，自己的企业网站如果要做背景音乐，是否可能也会带来类似的问题呢?淘宝是足够大，能够让用户不管什么样情况都信任自己，可是对于小小的企业网站呢?　　还有网易，有次开会，笔者实在无聊，就打开网站看看新闻，随手就打开了网易，谁知道突然弹出一个广告视频弹窗，自己电脑声音忘调最小了，当时的那个尴尬啊，不再多说了，套用一句流行语&说多了都是泪&。自己至今还在恨网易，在笔者的印象中，这些各大门户网站平时打开都静悄悄的，怎么突然会出视频弹窗呢?　　所以，对于一些企业网站，要慎用背景音乐，如果真的要用，要考虑正在浏览自己网站的用户可能正在开会，或者在深夜的时候旁边有人正在休息，自己的背景音乐会让他们感觉不舒服。我们如果真的要使用背景音乐，最好在网站制作的时候，初始声音最好设置的不要那么高，或者设计小小的一个提示提示浏览着在几秒后，会有音乐播放，要让浏览的人很快就能发现背景音乐的调整条，让不需要的人能够迅速关闭掉自己的网站页面的背景音乐，这也是用户体验方面很重要的部分。　　本文来自：http://www.zwzsh.net
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'PS做网站的思路_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
PS做网站的思路
上传于||文档简介
&&P​S​做​网​站​的​思​路
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
下载文档到电脑，查找使用更方便
还剩1页未读，继续阅读
你可能喜欢有哪些网站的照片（图片）展示墙很酷很炫很好看？
按投票排序
倒是知道一个图片搜索网站
MobileMe GallaryDribbble
浏览flickr的一个蛮好的方式可以看看
如果你想获取相册系统(图片墙)的wp插件或是swf或是html网页，可以去这里
已有帐号？
无法登录？
社交帐号登录谢邀，这样可以吗。觉得楼上答主的图好看(,,o? . o?,,)谢邀，这样可以吗。觉得楼上答主的图好看(,,o? . o?,,)
【多图预警】分享一下自己的自己的尝试，先上效果图：&img src=&/510e52faed235b0aa62e36bfbdacfc8f_b.jpg& data-rawwidth=&595& data-rawheight=&842& class=&origin_image zh-lightbox-thumb& width=&595& data-original=&/510e52faed235b0aa62e36bfbdacfc8f_r.jpg&&&br&看到这张图的时候会想到半调图案的圆点效果来模拟深浅，但半调图案圆点是规整地排列，不符合原图颗粒分布的随机性。&br&再想想，好像可以用ps设置分散动态的圆形画笔手动勾勒，但画笔过于随机，加上边缘的刻画就过于繁琐了。&br&不巧看到 &a data-hash=&290f3595dfd7e6bf513e& href=&///people/290f3595dfd7e6bf513e& class=&member_mention& data-editable=&true& data-title=&@SophistiCATe& data-tip=&p$b$290f3595dfd7e6bf513e&&@SophistiCATe&/a& 这个关于用processing 随机打点的回答：&a href=&/question//answer/& class=&internal&&请问apple store里的这幅图如何用processing、Photoshop或者AI做出来？ - SophistiCATe 的回答&/a&&br&不仅可以自动勾勒图形边缘，且圆点大小和位置有一定的随机性，符合原图需要，便拿来一试。本人不会processing，所以只能在现有的基础上做最简单的修改：&br&&b&& 重新设置圆点的最大值和最小值，修改RadiusUpperLimit、RadiusLowerLimit两个值；&/b&&br&&b&& 把圆形的颜色改为黑色 fill(0)。&/b&&br&&b&如下:&br&&/b&&blockquote&&div class=&highlight&&&pre&&code class=&language-text&&int RadiusUpperLimit=10;
int RadiusLowerLimit=2;
if (R&=minR) {
//fill(img.pixels[x+y*width]);
ellipse(x, y, R, R);
&/code&&/pre&&/div&&/blockquote&&br&一、找一张适当的素材图，高光阴影突出、&b&高反差&/b&为宜。&br&&img src=&/8a5e74c484c5f6cc11fc89cef6636ec7_b.jpg& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/8a5e74c484c5f6cc11fc89cef6636ec7_r.jpg&&&br&&br&二、在photoshop中用【曲线】和【阈值】将图片调整成以下三张图片：&br&&img src=&/985eb97e539e4cfb77297_b.jpg& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/985eb97e539e4cfb77297_r.jpg&&&br&这一张是用于整体亮部的打点，圆点应该细密一点，所以设置&br& RadiusUpperLimit=8；RadiusLowerLimit=2；&br&&br&&img src=&/e42a4b6dd5d9f799a52b95_b.jpg& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/e42a4b6dd5d9f799a52b95_r.jpg&&&br&这一张是用于强调高光处的打点，所以圆点大而疏，设置&br&RadiusUpperLimit=12；RadiusLowerLimit=6；&br&&br&&img src=&/68d7a9d96c6b40afae0d1a_b.jpg& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/68d7a9d96c6b40afae0d1a_r.jpg&&&br&这一张做了反相处理，是用于阴影部分的打点，圆点很细，所以可设置&br&RadiusUpperLimit=5；RadiusLowerLimit=2；&br&&br&三、接下来就是分层生成打点图，分别对以上三张图片运行processing代码，就可以得到下边的图片了 ：&br&&img src=&/f39a0f707e572e5020977_b.png& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/f39a0f707e572e5020977_r.png&&整体亮部&br&&br&&img src=&/668afbc36ac4db989cba18_b.png& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/668afbc36ac4db989cba18_r.png&&强调高光&br&&br&&img src=&/f23c8ece7c8f09ca656850_b.png& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/f23c8ece7c8f09ca656850_r.png&&阴影部分&br&&br&原图的外围还有一些大的圆点，所以再修改一下参数，生成一张备用的圆点图：&img src=&/a53c1b5b22bc_b.png& data-rawwidth=&767& data-rawheight=&675& class=&origin_image zh-lightbox-thumb& width=&767& data-original=&/a53c1b5b22bc_r.png&&&br&四、如法炮制，制作一张文字的打点图：&br&&img src=&/23f4f6f2a41cc49a705840_b.jpg& data-rawwidth=&842& data-rawheight=&595& class=&origin_image zh-lightbox-thumb& width=&842& data-original=&/23f4f6f2a41cc49a705840_r.jpg&&字体：paint peel &br&&img src=&/55166cf88fba0dadfa2e922_b.png& data-rawwidth=&842& data-rawheight=&595& class=&origin_image zh-lightbox-thumb& width=&842& data-original=&/55166cf88fba0dadfa2e922_r.png&&五、回到photoshop，将以上的打点图进行叠加处理。所有的图片都先进行【反相】处理，再将图层混合模式为【滤色】。逐个图层进行细节调整，圆点少的地方可以多加几个强调一下，圆点多的地方可以擦拭掉。&img src=&/ef2ad4cb90ad99_b.jpg& data-rawwidth=&567& data-rawheight=&499& class=&origin_image zh-lightbox-thumb& width=&567& data-original=&/ef2ad4cb90ad99_r.jpg&&&br&六、添加一个图层，混合模式改为【正片叠底】在右边涂上冷色调-蓝，左边涂上暖色调-橙，&b&注意&/b&冷暖色调的交界处有互相渗入，过度才会自然些。&br&&img src=&/dca716dcfc61bcceace50eb_b.jpg& data-rawwidth=&567& data-rawheight=&499& class=&origin_image zh-lightbox-thumb& width=&567& data-original=&/dca716dcfc61bcceace50eb_r.jpg&&&br&七、最后，加上文字，调整画幅大小就ok，看起来好像有点繁冗，但processing自动生成打点图，已经处理好了80%以上的圆点排布工作，不妨一试。&br&&img src=&/510e52faed235b0aa62e36bfbdacfc8f_b.jpg& data-rawwidth=&595& data-rawheight=&842& class=&origin_image zh-lightbox-thumb& width=&595& data-original=&/510e52faed235b0aa62e36bfbdacfc8f_r.jpg&&
【多图预警】分享一下自己的自己的尝试，先上效果图：看到这张图的时候会想到半调图案的圆点效果来模拟深浅，但半调图案圆点是规整地排列，不符合原图颗粒分布的随机性。再想想，好像可以用ps设置分散动态的圆形画笔手动勾勒，但画笔过于随机，加上边缘的刻…
推荐Edisonwong7的教程，上站酷网搜索，幽灵之光教程。共勉
推荐Edisonwong7的教程，上站酷网搜索，幽灵之光教程。共勉
已有帐号？
无法登录？
社交帐号登录
主修傲娇学，辅修腹黑学}