分享页面设计（分享页面设计方案）

大家好！今天让创意岭的小编来大家介绍下关于分享页面设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

• 1、怎么样设计网页

• 2、h5页面设计是什么意思

• 3、流量引导的页面设计：视频列表页和视频详情页实例

• 4、文字排版对页面设计有哪些作用?

一、怎么样设计网页

网页设计必须首先明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。

专业的网页设计，需要经历以下几个阶段：

1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

2、以业务目标为中心进行功能策划，制作出栏目结构关系图。

3、以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

4、以页面精美化设计为目标，使用PS、AI等软件，调整，使用更合理的颜色、字体、图片、样式进行页面设计美化。

5、根据用户反馈，进行页面设计调整，以达到最优效果。

扩展资料

在进行网站制作前，首先要进行网站页面的整体设计。一个网站是由若干个网页构成的，网页是用户访问网站的界面。因此，通常意义上的网站设计，即指的是网站中各个页面的设计。而网页设计中，最先提到的就是网页的布局。布局是否合理、美观，将直接影响到用户的阅读体验及访问时间。

在互联网高速发展的今天，网络已成为人们生活的一部分，成为人们获取信息资源的重要途径。信息的呈现离不开网页这个重要的界面，网页的主要作用是将用户需要的信息与资源采用一定的手段进行组织，通过网络呈现给用户。

二、h5页面设计是什么意思

H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

HTML的第一版1991年开始研发，1993年发布。本来每隔一段时间HTML都应该进行更新，但是自1999年12月HTML4.01发布以来，就再也没有更新。此后的十多年，互联网行业发生了翻天覆地的变化，人们逐渐意识到原有的HTML已经不能适应互联网的发展了。这时出现了两个组织分别提出了新的方案：WHATWG和W3C。前者开发了Web Applications 1.0，后者则开发了XHTML2.0。在2006 年，双方决定进行合作，来创建新一代的HTML，这就是H5。

H5在2008年发布草案以来，并未引起广泛关注，而是进入了长期的迭代优化周期。直到去年10月W3C终于宣布，经过长达8年的努力，HTML5标准规范最终制定完成并向全世界开放。H5标准规范的开放注定成为一个划时代意义的事件，H5工具也渐露光芒，比如能可视化制作，不需要写代码的H5制作工具互动大师就受到了各方的关注。

H5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，像H5工具互动大师提供免插件的音视频、图像动画、本地存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。

H5的最显著的优势在于跨平台性：比如用互动大师搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，可以让企业特别是创业者获得更多的发展机遇。

此外，H5的本地存储特性也给使用者带来了更多便利；基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。而互动大师让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

三、流量引导的页面设计：视频列表页和视频详情页实例

最近在考虑一个问题，如何从主app里合理地引导流量到自己的子功能，主要是两种手段：

（1）设置合理的功能入口

（2）在用户正常的使用路径上增加引导功能

在考虑过程中，参考了大量app的页面设计，发现不同视频app的设计各有千秋，遂总结如下。

微博视频是微博app中的视频功能，仅对核心功能进行分析。

视频消息的格式和其它微博消息的格式相同，描述区、常规操作区的交互与其它消息类型保持一致，因此针对视频类型的个性化功能，仅有视频区是可发挥空间

猜想，视频类型有以下特点：

（1）视频类型需要全屏播放

（2）同一个上传用户的视频类型不会太多

（3）视频有分发诉求：用户看文字、看图片，往往有强烈的人格诉求，即只看某些博主发布的，但是看视频更高的为内容诉求，有在不同博主的作品间浏览的诉求

针对视频类型的以上特点，微博设计了一个巧妙的视频详情页。

视频详情页暂且分为沉浸状态和高亮状态。

首次进入某个视频详情页时，均为高亮状态。

进入视频页的方法有：从微博动态列表进入，从另一个视频详情页滑动切入，从全屏视频页退出。

高亮和沉浸状态下，可以上下滑动切换视频。

高亮状态下，可以使用评论、点赞、分享功能。

这个页面设计得很巧妙：

和传统的视频详情页对比，传统的视频详情页往往在页面下部设计视频列表承载分发功能。

传统视频详情页的推荐列表的展示效率有限，要展示全部信息，展示3条已经占用大量空间。推荐视频列表和该页面的其他功能争抢空间，导致页面越做越长，用户不容易发现推荐区域，功能之间互相抢流量。无论展示几条推荐，用户只能点击一次视频，播放视频数：展示视频数远小于1。

可滑动的列表用户滑动只需要滑动即转到另外一个视频，跳转到新视频的成本比较小，比较符合用户连续浏览的习惯。用户的发现新视频--浏览行为合二为一，播放视频数：展示视频数=1。虽然没有具体数据支持，这种滑动的分发方式分发效率一定更高。

但是这种页面也有缺点，由于沉浸模式的存在，以及滑动的过程中尽可能不要被其他操作打断，这种设计中评论等操作的使用频度一定会低于常规的设计。

但是微博这个页面并非视频类型消息的唯一入口，很多用户会从微博动态列表浏览视频，在微博动态列表进行转评赞等操作明显容易的多。

动态列表承载将用户关注的内容推送给用户，用户对该内容进行转评赞等操作，增加微博的互动度。

视频列表承载将更多用户可能感兴趣的视频推送给用户，用户浏览更多视频，进而关注新的博主，增加微博内容的扩散度。

全屏页的设计是为了承载视频播放的全屏诉求，视频列表的设计上，很多交互会与用户习惯的全屏观看视频时的交互冲突，所以视频全屏的功能不能由视频列表页承担。

有一些产品会在全屏播放页面增加滑动切换视频的功能，结果就是屏幕左侧滑动调节亮度，屏幕右侧滑动调节音量，屏幕底部滑动调节进度，屏幕中间滑动切换视频，甚至还有长按屏幕、双击屏幕弹出视频列表等复杂的交互，使用起来颇为不便。

设计上比较中规中矩，故不进行详细分析。

抖音类产品的设计均与微博视频列表的思路类似，滑动即切换，自动播放视频。

抖音能采用这种设计是与抖音的视频类型分不开的。

（1）抖音几乎全是手机录制视频，绝大多数为竖屏，分辨率基本全为手机分辨率，直接使用手机全屏为播放框即可

（2）抖音是短视频，没有调整视频进度和屏幕亮度等需求

但是这种设计带来的弊端也是显而易见，这种设计会导致评论数较低，比如截图，34w的赞数只有几千评论。如果将评论内容外放，在视频页设置直接可评论的功能入口，评赞比应该会更高。抖音这种设计自有他们取舍的原因。

将秒拍和快手对比是因为二者的设计思路相仿，视频列表页均采用图片展示，罗列展示feed流。

但是二者还是有差别，也与本身的视频特点相关：

快手双列展示，期望同一页尽量展示相对多的视频。快手的视频尺寸不一致，单列同屏展示的数量非常少。没有视频描述，截图即内容。适合UGC内容。

秒拍单列展示，期望展示尽可能多的视频相关内容。秒拍的视频尺寸相对一致，横屏视频在单列同屏展示的数量比较多，如果双屏展示的话，横屏视频的缩略图太小，容易看不清。秒拍有视频描述，且去掉视频描述时很难从截图推断视频内容。适合PGC内容。

但是秒拍这种展示方式也带来了弊端，视频截图列表模糊不清，浏览的体验很差。

暂时列举了以上四种视频列表的设计方式，不对好坏优劣进行评价，每个产品都有自己的取舍道理。但是通过分析不同设计的侧重点、推测设计动机，能对自己进行功能设计时有所裨益。

四、文字排版对页面设计有哪些作用?

文字排版行距字间距影响网站阅读性

如果网页设计中文字使用不同的间距，不仅会影响美观，也会影响阅读性。在大段文字情况下，文字间距、长度有极高的要求，用户都是喜欢看清晰文字，如果间距小，每行文字很拥挤就会显着乱七八糟的，让用户提不起兴趣来再看。

字体的选择

页面的文字笔画的弧度越不规则，文字的边缘锯齿就会越明显，在页面上展示就不好看了。因此，建站的时候，尽量选择一些笔画接近水平的字体，中文字体可以选择黑体，这种字体显示出来比较好看。选择字体的时候，不要使用斜体，这样严重影响了网站内容的可读性，从而影响用户体验。

文字的颜色影响视觉效果

文字颜色要看整个网站的风格来搭配颜色，能够让文字的颜色搭配得更加舒适。尽量不要用比较亮色的文字，因为用户在长时间阅读文章的时候会引起视觉疲劳，恰当的配色可以让网站提升魅力。

文字大小要做好排版

网站页面中的文字大小设计对用户来说会影响阅读。如果文字设置太大的话，不但会影响用户的阅读速度，而且整个页面也会变得凌乱不美观。如果文字设置太小，可读性太差需要将注意力非常集中才可以看清楚内容，容易造成视觉疲劳，特别是对那些视力比较差的用户。

关于文字排版对页面设计有哪些作用，环球青藤小编今天就暂时和您分享到这里了。如若您对互联网营销有浓厚的兴趣，希望这篇文章能够对你的工作或学习有所帮助。如果您还想了解更多关于文案优化、广告营销文案写作的方法及素材等内容，可以点击本站的其他文章进行学习。

以上就是关于分享页面设计相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

一起分享图片

云南学校景观设计案例（云南学校景观设计案例分享）

办公空间设计案例整套（创意办公空间设计案例分享）

天宁区景观设计联系方式（天宁区景观设计联系方式查询）

景观设计行业奖项（景观设计行业奖项有哪些）