핸드폰으로 보기

?

Shortcut

Prev上一页 文章

Next下一页 文章

Larger Font Smaller Font 向上 向下 Go comment
查看 80 推荐 0 ?? 0

从去年开始,手机等移动工具已经取代了台式机,成为了人们上网的首选设备,这意味着网页设计师和营销人员在开发网站时应更多地考虑移动设备的浏览体验。

然而,当提到设计一个优化移动设备浏览体验的网页时,很多人都不知道该怎么做。让人头痛的是,移动版网页的设计难度和复杂性相比起一般的网页要大得多,这对于一些企业和公司团队来说是一个不小的挑战。在优化移动网页的过程中,需要着重考虑的是跨平台的浏览体验,而不是简单的跨浏览器问题。音乐财经整合了近日hypebot.com网站分享的9条有用的建议,希望能够帮助网站开发人员设计出移动浏览体验更佳的网页。

1、不要单独建立一个移动版网页

过去人们在设计移动版网页时为了达到比较理想的浏览效果,经常缩减许多电脑版网页中的内容。但是这样做的话并不能满足所有用户的浏览需求。因此有些网页开发者喜欢单独建立一个移动版网页,并把电脑版中的内容全部搬过来,这种办法看似不错,实际上却极有可能被谷歌等搜索引擎在查询结果时屏蔽掉。

2、采用响应式网页设计

采用响应式网页设计能够让网站开发人员创建出一个满足不同尺寸移动设备浏览需求的网页,同时也大大降低了网页设计人员的工作量。

这种响应式的网页设计采用了灵活的网页布局、图像,并充分利用级联样式表媒体查询。当用户通过移动设备打开网页时,网页能够极速地判断访问者的屏幕大小和方向并及时地改变网页的布局设计,以便带给用户更好的浏览体验。

3、记得添加一个视窗元标签

所谓的视窗,是浏览器渲染引擎用来判断网页内容缩放和尺寸大小的一个虚拟区域。因此,在实现网页多设备浏览体验的过程中,视窗是网页设计中的一个关键代码。而视窗元标签所负责的工作,便是及时向浏览器传递需要调整界面大小来匹配设备屏幕的信号。

4、不要忽略字体和按钮大小的作用

对于移动设备来说,网页的字体和按钮大小对浏览体验的影响非常大。字体大小至少需要14px才能够满足用户的浏览体验,有些人可能觉得偏大,但如果让用户自己花费时间手动放大字体的话,阅读效果无疑会大大降低。只有在涉及标签和表格等内容时,才可以考虑用相对较小一些的字体。

对于页面中的按钮来说,越大的按钮所得到的浏览体验越好,用户可以因此而避免漏按或错按按钮等情况。举个例子,苹果公司在其设计指南中建议网页的按钮尺寸至少应当设计为44px×44px大小。遵守这些设计指南的意见能够使你的用户在移动端获得最佳的使用体验,并提高电子商务网站移动端用户的转换率。

5、使用高分辨率的图像

高分辨率的图像对于提高用户的网页浏览体验来说至关重要。目前市场上众多最新移动设备均搭载了高清显示屏,这对于移动版网页图像的分辨率提出了很高的要求。

6、取消默认缩放设置

自动缩放设置对于移动版网页来说就是一个灾难,它能够毫不留情地打乱一切的页面布局,特别是各种图像和导航。为了解决这个问题,网页设计者需要使用视窗元标签设置网页内容的自定义变量。

7、使用知名视频网站的视频

如果你的网页需要插入很多视频的话,尽量使用知名视频网站的视频,原因是这些视频网站的嵌入代码都是及时响应的,可以为开发人员省去视频适配移动版网页的过程中的许多繁琐步骤。

8、 不要束缚用户的浏览体验

无论你的网页设计得多么精美,务必要在界面底端中加入“切换电脑版”之类的选项。有些用户依然习惯使用电脑版的界面,所以千万不要去束缚他们的浏览体验,否则你将会流失很大一部分的用户和流量。

9、不停地测试你的网页

网页建好之后,不要想着可以一劳永逸了,你需要不停地测试网页的性能。除了在不同牌子、型号的智能手机和平板电脑上测试以外,你还需要测试网站的每一个页面、用户操作、按钮。在测试的过程中,你需要把自己摆在用户的角度去发现问题,同时还可以邀请其他没参与设计的人和你一起进行测试。

随着数字营销趋向于向移动端设备方向发展,因此设计出具有极佳移动浏览体验的网页对于抢占商业先机尤为重要。

希望以上的这几点建议能够给网页开发人员带来一些有用的启发和帮助。


  1. notice

    ps蒙版磨皮教程

    原图 效果图 蒙版磨皮 1.打开图,ctrl+j复制一层。 2.滤镜-模糊-高斯模糊-数值4 3.按住alt键,点添加蒙版  4.将前景色设置为白色,用画笔工具,将脸部有雀斑的地方涂抹,眼睛鼻子嘴巴周围可以调整画笔大小,然后小心的涂抹 5.涂抹完以后,再新建一个图层,盖...
    Category摄影 Views771
    read more
  2. 如何增加工作日晚上来看你表演的观众人数?

    有过演出经历的艺人就知道,观众人数的多少不仅体现在不同城市间,这个和周几也有关。而且想要提前安排好事情也不太容易,半路出现阻碍演唱会进行的岔子是经常的事情。那这时候该怎么办?作为音乐人,保证门票收入、让观众和主办方都开心是你的责任,但谁愿意...
    Category音乐 Views76
    Read More
  3. 9条建议让你的网页移动浏览体验更佳

    从去年开始,手机等移动工具已经取代了台式机,成为了人们上网的首选设备,这意味着网页设计师和营销人员在开发网站时应更多地考虑移动设备的浏览体验。 然而,当提到设计一个优化移动设备浏览体验的网页时,很多人都不知道该怎么做。让人头痛的是,移动版网...
    Category其他 Views80
    Read More
  4. 3个Tips让你在Kickstarter发起音乐众筹项目成功!

    不少音乐人都通过各类众筹网站集资,然而结果却大相径庭,失败案例比比皆是。来看看一位美国独立说唱歌手Kosha Dillz在全球最大的众筹平台Kickstarter上发起众筹项目的13条成功经验吧! Kosha Dillz说:“我给自己很大的压力,如订购新设备、重新订购旧...
    Category音乐 Views103
    Read More
  5. 小众艺人如何找到代言机会?

    近日,美国著名吉他制造商PRS Guitars(Paul Reed Smith Guitars)在知名音乐平台网站Sonicbids上发起了一项代言活动。这一次,PRS Guitars给出了5个代言名额,任何在Sonicbids上活跃的音乐人和艺人通过免费申请均有机会得到代言资格,同时还可获赠一把价值11...
    Category音乐 Views59
    Read More
  6. 丰富音乐内容的四种小视频

    我们都知道现在视频对于音乐营销十分重要,但很多音乐人在视频网站上的更新速度太慢,其中大多数人没有精力每周都拍摄MV,所以也就没有视频可上传。你是否也有这个难题? 不过即使没有MV也能让你在主流视频网站活跃起来,以下四种方法可以让你摆脱这个困境,...
    Category音乐 Views67
    Read More
  7. Marchan Noelle:音乐人如何经营初创公司?

    不少音乐人在走红之时,都选择跨界创立自己的品牌或公司。尽管创业难免艰辛,但成功的例子也有不少。Marchan Noelle就是其中正在实践的一位音乐人,她最近刚成立了自己的公司——2nd Generation Hippie LLC。怀着对音乐的热情和才华,她把自己擅长...
    Category音乐 Views66
    Read More
  8. 音乐指导告诉你如何选择电视剧、电影配乐

    如今的音乐市场如此地庞大,听众有太多的歌曲可供选择,而实际上对于每一位音乐家或是歌手来说都面临着一些挑战。那么如何让自己的歌曲受到更多的关注呢?下面是我们从Sonicbids blog收集到的一位音乐指导的分享: 我和我的一个朋友在几年前创办了一个乐队。...
    Category音乐 Views80
    Read More
  9. 15个意想不到的音乐用词

    人们都说音乐是一种通用的语言,但是除了音乐本身,音乐人们也创造了属于他们自己的语言。本文内容以及图片来自英文博客sonicbids: 1. Jam 通常所指的意思:水果制成的酱。 音乐人的用法:一场所有音乐人玩在一起的聚会。 2.Shed 通常所指的意思:房子后面...
    Category音乐 Views90
    Read More
  10. 十个让你的演出更加激动人心的技巧

    我们都知道一些乐队一站在舞台上就会完全释放自己,因为真正的表演者会利用好自己在舞台上的每一秒,并且使自己打破所有的限制。只有这样的表演才真正的令人印象深刻,让所有的观众和粉丝赞不绝口。创造一个令粉丝们印象深刻激动不已的演出有非常多的讲究。其...
    Category音乐 Views71
    Read More
  11. 现场音乐视频直播江湖

    在线直播江湖已是门派林立,音乐、游戏、体育、综艺等直播遍地开花。 六间房、YY和9158主打“在线表演”的秀场模式已得到资本市场的认可。今年7月,宋城演艺公司斥资26亿元收购网络直播平台六间房。8月26日,据音乐财经查询,在纳斯达克上市的欢聚...
    Category音乐 Views107
    Read More
  12. 风光摄影的10个相机设置须知

    对焦模式与对焦点:一般来说,风光摄影拍摄的对象多为静物或相对静态的物体,因而我们最好将对焦模式设为单次自动对焦,对焦点设为单点自动对焦。 ·曝光模式: 在可供使用的程序曝光(P)、快门优先(S)、光圈优先(A)和手动(M)四种模式中,作为新...
    Category摄影 Views134
    Read More
  13. 光线轨迹拍摄七个要点分析

     我记得小的时候最想用我的单反相机拍摄的事物之一就是家周围繁华街道上汽车驶过留下的光线轨迹。   我曾经在一本摄影杂志上看见过这样一张照片而深深地被这炫目的效果吸引。 摄影:Fishtail   光线轨迹一直是很多摄影者喜欢的事物,而且事实上光线轨迹也...
    Category摄影 Views94
    Read More
  14. 路透社记者的7个纪实摄影技巧

    说到现今世上最顶尖的纪实摄影师,就必定是来自各大环球通讯社的摄影记者。除具备摄影技巧外,摄影师同时备有对事实的了解及掌握,是名乎其实的“智勇双全”。根据地在曼谷的路透社摄影记者Damir Sagolj,最近就分享了他在业界工作多年的心得,并将...
    Category摄影 Views122
    Read More
  15. 户外摄影有禁忌

    一、忌阳光直射 耀眼的光线会使被摄人物睁不开眼出游时必不可少的肯定是一部相机了 二、忌人物与有色环境过近 在明亮的光线照射下同时但怎样照相才不会出现状况呢? 三、忌忽视滤光镜 在户外环境中景物的色彩会映射到人物身上物体的反光会增强高角度的直射阳...
    Category摄影 Views80
    Read More
  16. 简单6招教你拍摄迷人夜景

    夜景一向是摄影师喜爱拍摄的题材,那么对于初学摄影的朋友来说有什么应该注意的呢?现在便跟各位分享一下笔者拍摄夜景时会用上的6个小技巧吧! (一)三脚架很重要 对于拍摄夜景,一支稳固的三脚架很重要。通常拍摄夜景会使用慢速快门,如果三脚架不够稳固,拍...
    Category摄影 Views125
    Read More
  17. 常用和弦标记理论

    1。大三和弦:根音与三音是大三度,三音与五音是小三度,用根音的大写英文字母音名来表示,如DO,MI,SOL和弦用C表示,FA,LA,DO和弦用F表示,降MI,SOL,降SI就用Eb表示,升FA,升LA,升DOL用F#表示。 2。小三和弦:根音与三音是小三度,三音与五音是大三度...
    Category音乐 Views74
    Read More
  18. 摄影师解密风光摄影中减光镜的使用技巧

    ND Fillter,俗称灰镜,减光镜,中密度减光镜等等,作用就是减少进入镜头光量,给摄影师更多的自由度去控制光圈,快门速度等等。   在人像摄影中,灰镜经常用于大光圈镜头在烈日情景下,都始终希望使用最大光圈时使用,比如1.2、1.4 光圈。这里我只是想分享...
    Category摄影 Views123
    Read More
  19. 摄影创作中的情绪暗示——性感与暴露无关

      《摄影创作中的情绪暗示》之性感与暴露无关 讲述:吕小川 速录:张敏   (说明:本文是现场语音转文字,完全口语化表述)   那今天我们就是讲摄影创作中的情绪暗示,这一部分以前我们讲过,但是今天我们单独把性感表现篇,作为一个独立成章的一个内容...
    Category摄影 Views109
    Read More
  20. 摄影师答读者提问 如何才能算成为一个摄影师

    “要如何才能算成为一个摄影师呢”,相信这是每个刚学摄影的人们都会提及的一个话题,摄影师七七小菇凉也会时常遇到很多摄影初学者这样的提问,于是她从对焦和如何找到视角等两个方面,为大家答疑解惑。   关于难以对焦。 有时候使用变焦镜头,尤...
    Category摄影 Views112
    Read More
  21. 修图师分享 五分钟完成皮肤处理的伪商业修图技巧

    今天我要给大家带来的技巧是一副人像作品中的基础——人物皮肤处理。我把它称为伪商业修图手法,只要熟练掌握接下来的修图步骤,5分钟左右就能完成一张作品里面人物皮肤的润色。 先讲一下我个人的修图习惯:首先调整的是曝光,使整体曝光达到一个统...
    Category摄影 Views131
    Read More
目录
Board Pagination Prev 1 2 3 4 5 6 7 8 9 Next
/ 9
CLOSE