标签归档:页面

iPhone X 适配 手Q H5页面通用解决方案

腾讯ISUX :目前的 H5 页面可以分为通栏页面和非通栏页面两种,每种页面都可能有底部操作栏,具体如下: 一. 通栏页面 顶部通栏 某些业务的一级页面多数使用了顶部通栏 banner 的效果,由于 iPhone X 在状态栏增加了24px的高度,对于现在通栏 banner 规范的内容区域会有遮挡情况。

设计必读本—打通平面原理脉络

“平面设计已经成为我们后现代视觉语言的一个核心组成部分,并且发展成为一种至少是和它所表现的文字和意象一样重要的意义载体。因此,后现代空白空间就成为很重要的空白领域,有待发展。”这次给大家推荐的是《平面设计原理》这本书,本书是关于事物看起来是怎样的,但认为它所说的值得说得更清楚。作为设计类书籍,此书可以说是必读本。

腾讯设计师做了100个弹框后的总结

JHong:最近2年一直在做Web/App相关项目,设计过上百个弹框,其中总结了一些心得,将透过以下文章介绍弹框在Web上的各种应用﹑技巧及表现。

来看看微信界面设计的WeUI暴力美学

写在开头,以表明动机、甩掉一切可能需要承担的责任。 说明一下目的:看到传播很热的微信WeUI,应该说是一种比较简单暴力的表现形式,但落实到设计者进行学习和实操时,具体数值应该会更有参考性;

移动端界面中的版式设计原理(下)

接上篇《移动端界面中的版式设计原理(上)》 4.留白的艺术 不单单是文字和图片需要设计,留白也是构成页面排版必不可少的因素。所有的白都是“有目的的留白”,带有明确的目的来控制页面的空间构成。

实战干货!怎么让引导页不再是无用小透明?

前言 在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有“这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好的元素”这样的说法,看似有理

带你深入学习VIEWPORT和PX

刚开始接触移动页面重构,是不是很迷惑应该按照多大的尺寸制作?320、640还是720?按照640的设计稿重构完页面,是不是还需要写其他尺寸来适配不同的屏幕大小?—— 这源于对viewport和px的不了解。

如何做一个让人闻风丧胆的 H5?(内有干货)

前言 最近火热的有声娱乐平台 APP,企鹅 FM,在8月28日鬼节前夕,联合《盗墓笔记》推出了“勇敢者的游戏”活动。作为一个 UI 工程师,在这个移动互联网叱咤风云的时代,每次看到朋友圈中被分享的各种花样 H5 页面,总是心痒难耐,也想做有着酷炫动画和带感声效的 H5 呢。

做一份让工程师泪流满面的标注

在搬着小板凳坐工程师 Buddy 旁边送果汁送零食的日子里,我受 Google Material Design 的启发,折腾出一套自认提高双方沟通效率的标注规则,心情挺好还为此做了模板,最下面有源文件的下载地址。

移动应用空白情况页面的设计

移动应用最易被忽略的设计细节就是空白情况(Empty State)的设计,在电商产品和社交产品里,空白页的设计往往可以画龙点睛地提升转化率,购买率及用户活跃度。

玩转HTML5移动页面——优化篇

承接上文《玩转HTML5移动页面(动效篇)》,上次说的是让页面动起来的一些小技巧。 而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。

玩转HTML5移动页面——动效篇

作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来 作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?

腾讯移动端H5页面设计实战分享

编者按:十年精华输出,从用户研究、创意剖析、绘制方法、项目管理等实体案例出发,《腾讯网UED体验设计之旅》将带你经历一场体验设计之旅。本文节选自该书,重点介绍了基于HTML5技术的移动Web页面的设计原则与设计过程 。

关于滚动下滑,我有话说

现在有很多网站使用一些无边框的、看起来高大上的图片来铺满整个页面,而且似乎有一大帮受众都很吃这一套。 但是并不是所有人都喜欢这种设计的。。呃,为啥呢?

那些过目不忘的H5页面

从引爆朋友圈的H5小游戏《围住神经猫》,到颠覆传统广告的大众点评H5专题页《我们之间只有一个字》,从2014下半年起,各种H5游戏和专题页纷纷崭露头角。“H5”,这个由HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野。