24小时热线电话: 赣州网站建设,赣州网络公司,赣州做网站,赣州网站建设价格,赣州网页制作,赣州建网站公司,赣州微信二维码平台,赣州微信公众号,赣州百度公司,赣州百度推广,赣州百度优化,赣州朝扬网络,朝扬网络

热线:0797-8296060

QQ咨 询入口 稍后再说 立 即咨询
  • 0797-8296060
  • 扫一扫 公众号
您当前所在位置 : 首页   »  新闻动态  »  建站常识

建站常识

朝扬解读前沿 资讯,分享互联网时代精英智慧

H5页面的极简主义设计

发布时间:2018-03-11 作者: 来源: http://www.jx25.com/ 浏览:

    在移动互联网高速发展的环境下,人们的生活质量越来越高,手机也越来越高大上,对移动端的表现能力也有了更强烈的需求品味,因此我们需要更加优雅的展现H5页面,艾纳设计今天想和大家分享的是在H5移动端页面的极简主义设计。


    极简主义以简单到极致为追求,是一种设计风格,感官上简约整洁,更加注重品味和思想上的优雅。这样子看起来是不是非常不错呢?那么我们应当如何去理解极简主义设计和如何在H5页面当中去实践呢?下面简单的提出几个点,希望能够起到抛砖引玉的作用,将极简设计更加完美的运用到我们的H5页面设计当中,让H5页面更加优秀并更有价值!


    极简非简单


    极简设计秉承了极简主义的思想,对各种文字、图形、色彩、构成等元素进行重组,然后用一种更直接传达的方式来表现。往往有人认为极简就是简约设计,但个人不以为然,两者有本质上的区别,思想思维也是大有不同。极简设计是一种反对过度设计、装饰而产生的,我们需要耗费的时间与精力可能会是更多。一个成功的极简设计往往能以最少的元素、最直接的打动人心。相信在未来,极简设计会是一个更大的趋势,会有更多人加入到其中。


    在H5页面中,我们可以通过极简设计理念,将页面设计的更加轻量化。如之前甚至如今在APP中一直很火爆的扁平化设计风格,就是一种极简设计的体现。在扁平化设计中,会把按钮的投影、写实部分去掉,而采用更加直观的轻量化的设计元素(色彩、块、组合),让用户在第一时间就获取到真正的核心内容,而不受花花草草装饰的干扰。然而做扁平化设计也是非常不简单,需要有很强的归纳提取再组合、色彩搭配、图形概括等等非常专业知识。


    遵循自然而然


    在H5移动端页面中,色彩往往都会非常丰富,这就需要考验设计师对色彩的掌控能力;不同的色系代表着不同的传达情感。H5作品中想表达的气氛,或喜或感或动或静,都离不开对色彩依赖。人们的认知来自大自然,而我们设计本质是创新,通过设计创新,让我们生活的更加美好。我们应当遵循大自然,作品色彩搭配更加要能够符合大自然。


    正因为大自然的色彩太过丰富,将大自然中的色彩运用到我们的H5页面作品中,则需要做一些提取处理,有一个原则是:少即是多,以最少最恰当的颜色传达完美!现今,越来越多的设计师更加倾向用最简洁、用更少的颜色去保持界面的干净。


    说到干净,在这里还想跟大家提一下色彩中的:“白”,“白”是最能激发想象力的颜色,同时也是“无色”状态,它的质地能强有力地唤起任何物体的物质性,也让人能够越过诸色纷呈的干扰直接关注设计本身,引导用户关注重要的内容。我们常常说设计需要留白,其实也正因如此,让页面能更加有生机和呼吸感!还记得当初学校里设计构成课程中的点线面吗?一个教授说过:如果点能解决的就不要用到线,如果线能解决的就不要用到面!(当然这不是一成不变的法则,我们设计就是创新。)


    最后,最好的一种设计状态是:让用户感受不到设计的存在,自然而然,随心所欲。


    排版设计“设”不过三


    无论在何种视觉媒体中,文字和图片都是其两大构成要素;文字图片排版的好坏,直接影响了移动端页面的视觉效果,也就直接影响了用户进入页面后的第一印象。在一个有限的小空间里(手机屏幕),想要第一印象就能打动或者满足用户的心,这是一个非常值得我们设计人员去研究和反复考量的一点。在排版设计方面,觉唯设计建议应当遵循一个高效方法原则:设不过三!何为“设不过三”呢?


    在生活中,我们经常会写一个文档,一般文档里面都会有一个正标题、副标题然后正文,其实这就是“设不过三”的一个典型体现。大家平时其实可以多看看报纸,很多大型报刊出报纸排版是经典中的经典,可以将很多密密麻麻的文字和一些简单的配图,就能够很清晰的向阅读者传达报纸的重点,让人们即使是一眼扫过报纸都能掌握其中的一些重要信息。


    在我们设计移动端页面的时候,一个页面里面的元素层级关系最好不要超过三级:

    第一级:是最重要(最显眼),可以通过大小、颜色、位置等方式来强化,向用户传达我们的中心思想。

    第二级:辅助、扩展第一级,不可与第一级争夺眼球,指引引导用户理解,并且可以更加舒适的阅读上下级。

    第三级:属于正文,是我们页面中最详细最通俗易懂的部分。这里的文字就不需要特殊处理,只要能符合人们阅读习惯即可。

    通过以上的三级方法来划分我们的侧重点,可以很好的向用户传达我们的信息。那么我们应该在实践中怎么做呢?其实做法很简单,把握一个准则:平衡、对比、统一!最后就是把握细节,细节决定成败!


    我们可以大致从以下方面来做调整:

    统一规范字体大小

    对比突出重点

    尝试不同的风格

    颜色的区分

    字体之间的行间距

    细微入至的动态交互


    文章一开头就提到,随着科技的告诉发展,如今的手机软件、硬件设备都在极速发展,现在设计师们可以很大胆的天马行空,用各种奇思妙想去实现一个又一个震撼人心动态效果,例如:过渡、跳动、2D变换、3D动画、粒子效果甚至模拟现实生活中的各种现象(如闪电、破碎)等等。在H5设计中,适当的使用动效交互,可以让用户更加有参与感,并且还能很友好的强调我们的重点内容。


    除了非常友好的动效,在H5页面中,我们还可以做的更多,比如:按钮的按压态(:active),即用户手机触摸某个按钮的时候,我们必须给用户一些反馈(可以是改变按钮样式、透明度等等方式),让用户知道 Ta 已经确实是点击到了,而不会导致用户一直在狂点,还骂声连连!


    还有一个非常常见的现象,在一个H5页面,塞满了各种动画(左右飞入、上下滚动、无效翻转),像是杂技一样,不知道是为了炫技还是满足虚荣心,这一种霸占浪费用户的生命时间的行为,非常不可取的!在移动端的任何一个动效都是有它的存在缘由的,只要在最恰当的时间展示最用心的动效才能虏获用户的心。


    在一个非常小的H5移动端屏幕空间,我们能做的除了专业,还有用心!


赣州网站建设|赣州网络公司|赣州做网站|赣州网站建设价格|赣州网页制作|赣州建网站公司|赣州微信二维码平台|赣州微信公众号|赣州百度公|赣州百度推广|赣州百度优化|赣州朝扬网络|朝扬网络

赣州朝扬网络科技有限公司

赣州朝扬一部:赣州市章贡区富升大厦1604室    赣州朝扬二部:赣州市安虔路22号A栋(203)

备案号:赣ICP备15004771号

赣公网安备 36070202000138号