標簽歸檔:頁面

iPhone X 適配 手Q H5頁面通用解決方案

騰訊ISUX :目前的 H5 頁面可以分為通欄頁面和非通欄頁面兩種,每種頁面都可能有底部操作欄,具體如下: 一. 通欄頁面 頂部通欄 某些業務的一級頁面多數使用了頂部通欄 banner 的效…

設計必讀本—打通平面原理脈絡

“平面設計已經成為我們后現代視覺語言的一個核心組成部分,并且發展成為一種至少是和它所表現的文字和意象一樣重要的意義載體。因此,后現代空白空間就成為很重要的空白領域,有待發展?!边@次給大家推薦的是《…

騰訊設計師做了100個彈框后的總結

JHong:最近2年一直在做Web/App相關項目,設計過上百個彈框,其中總結了一些心得,將透過以下文章介紹彈框在Web上的各種應用﹑技巧及表現。

來看看微信界面設計的WeUI暴力美學

寫在開頭,以表明動機、甩掉一切可能需要承擔的責任。 說明一下目的:看到傳播很熱的微信WeUI,應該說是一種比較簡單暴力的表現形式,但落實到設計者進行學習和實操時,具體數值應該會更有參考性;

移動端界面中的版式設計原理(下)

接上篇《移動端界面中的版式設計原理(上)》 4.留白的藝術 不單單是文字和圖片需要設計,留白也是構成頁面排版必不可少的因素。所有的白都是“有目的的留白”,帶有明確的目的來控制頁面的空間構成。

實戰干貨!怎么讓引導頁不再是無用小透明?

前言 在接觸一款新應用的時候用戶常常會看到一些引導頁,但在操作的時候直接當透明的就快速滑過或跳過了,這種時候,大家一定會有“這些引導好無用啊”的無力感,目前甚至有著“如果一個產品需要引導,說明該…

帶你深入學習VIEWPORT和PX

剛開始接觸移動頁面重構,是不是很迷惑應該按照多大的尺寸制作?320、640還是720?按照640的設計稿重構完頁面,是不是還需要寫其他尺寸來適配不同的屏幕大???—— 這源于對viewport和px的不…

如何做一個讓人聞風喪膽的 H5?(內有干貨)

前言 最近火熱的有聲娛樂平臺 APP,企鵝 FM,在8月28日鬼節前夕,聯合《盜墓筆記》推出了“勇敢者的游戲”活動。作為一個 UI 工程師,在這個移動互聯網叱咤風云的時代,每次看到朋友圈…

做一份讓工程師淚流滿面的標注

在搬著小板凳坐工程師 Buddy 旁邊送果汁送零食的日子里,我受?Google Material Design?的啟發,折騰出一套自認提高雙方溝通效率的標注規則,心情挺好還為此做了模板,最下面有源文件…

移動應用空白情況頁面的設計

移動應用最易被忽略的設計細節就是空白情況(Empty State)的設計,在電商產品和社交產品里,空白頁的設計往往可以畫龍點睛地提升轉化率,購買率及用戶活躍度。

玩轉HTML5移動頁面——優化篇

承接上文《玩轉HTML5移動頁面(動效篇)》,上次說的是讓頁面動起來的一些小技巧。 而頁面動起來的根基是功能可用的頁面,因此有必要分享一些優化細節的技巧和方向,熟悉掌握一些方法論還是會對…

玩轉HTML5移動頁面——動效篇

作為一名前端,在拿到設計稿時你有兩種選擇: 1.快速輸出靜態頁面 2.加上高級大氣上檔次狂拽炫酷屌炸天的動畫讓頁面動起來 作為一個有志向的前端,當然是選2啦!可是需求時間又很短很短,怎么辦呢?

騰訊移動端H5頁面設計實戰分享

編者按:十年精華輸出,從用戶研究、創意剖析、繪制方法、項目管理等實體案例出發,《騰訊網UED體驗設計之旅》將帶你經歷一場體驗設計之旅。本文節選自該書,重點介紹了基于HTML5技術的移動Web頁面的設計…

關于滾動下滑,我有話說

現在有很多網站使用一些無邊框的、看起來高大上的圖片來鋪滿整個頁面,而且似乎有一大幫受眾都很吃這一套。 但是并不是所有人都喜歡這種設計的。。呃,為啥呢?

那些過目不忘的H5頁面

從引爆朋友圈的H5小游戲《圍住神經貓》,到顛覆傳統廣告的大眾點評H5專題頁《我們之間只有一個字》,從2014下半年起,各種H5游戲和專題頁紛紛嶄露頭角?!癏5”,這個由HT…