App分享推薦——開眼

開眼是一個視頻播放App。他采用類似卡片式的風(fēng)格設(shè)計(jì),從logo道加載loading無處不透露出精致優(yōu)雅的感覺。下面我就從開眼的啟動頁開始一步步講述我對開眼的介紹。


啟動頁:精美的圖片底圖,襯托著開眼開眼的logo和產(chǎn)品定位,畫面大氣,英文使用lobster字體,文字精美優(yōu)雅,定位直擊人心。


進(jìn)入后的首頁,就是推薦,最頂部的“今日精選“采用左右滑動的樣式,推薦五條精選視頻,接下來是垂直卡片的樣式展示了”近期熱門“”專題策劃“”可能喜歡“幾個板塊,其中專題策劃采用的是一部X1寬屏的卡片和兩個X0.5的展示比例,用大標(biāo)題banner引導(dǎo)列表,主次清晰。

整個首頁整體采用大的卡片設(shè)計(jì),大圖+分享者/分類的展示,用精美的視頻畫面吸引用戶點(diǎn)擊,用文字引導(dǎo)用戶所屬類別,條理清晰,頁面簡潔。

每次刷新的同時還會更新“近期熱門“的推薦視頻,讓首頁更多變,給用戶更多的內(nèi)容體驗(yàn)。


左右滑動頁面即可快速切換頂部標(biāo)簽,向左“發(fā)現(xiàn)”,頂部一條運(yùn)營活動banner(可能業(yè)務(wù)關(guān)系吧,該圖是固定的),接下來是“本周排行”“熱門分類”“近期專題”“近期話題”“新入住作者“”熱門評論”幾個板塊,幾乎涵蓋app的所有模塊分類。

“本周排行”采用一二二的展現(xiàn)形式,將排名第一的用X1屏寬展示,和后面的相比做了一個推薦也做了內(nèi)容排序的級別劃分。

“熱門分類”采用標(biāo)簽的樣式排列,與視頻內(nèi)容的樣式做了區(qū)別,與板塊內(nèi)容做了相應(yīng)的設(shè)計(jì)調(diào)整。

“近期專題”和“近期話題”采用左右滑動的樣式,展示5條最近活動,運(yùn)營的設(shè)計(jì)畫面,兩者版式樣式不同,格子版塊版式統(tǒng)一,給用戶統(tǒng)一又又差異化的表現(xiàn)形式,極具品牌規(guī)劃。

“新入住作者”同樣采用左右滑動的樣式,不過與“今日推薦”又少做不同,因?yàn)槭亲髡咄扑],故將作者置于板塊頂部,下面緊接展示的視頻和視頻標(biāo)題/類別。

“熱門評論”采用評論+視頻的形式,方便推薦用戶查看熱門評論的推薦視頻,同時也可以點(diǎn)擊查看更多相關(guān)評論。

整個發(fā)現(xiàn)頁版塊挺多,但排列有序,內(nèi)容呈現(xiàn)的樣式也跟隨版塊內(nèi)容相應(yīng)的做調(diào)整,條理清晰,頁面干凈。


點(diǎn)擊首頁左上角進(jìn)入頂部標(biāo)簽欄的排序,可以自定義自己感興趣的分類排序,便于用戶快速便捷到達(dá)自己感興趣的類別模塊,又可以使用戶看到更多類別內(nèi)容(只是排序而不是移除添加)


頁面右滑進(jìn)入分類標(biāo)簽,首屏為該分類的“最受歡迎”版塊,樣式的排列和發(fā)頁的“本周排行”一樣,采用一二二的展示形式,排序條例清晰。

再往下滑動就是feed流的卡片樣式排列,展示該分類的全部視頻,通過精美的視頻畫面和恰到好處的視頻標(biāo)題讓用戶選擇自己感興趣的視頻內(nèi)容。


頁面右上角搜索按鈕點(diǎn)擊后會出現(xiàn)“搜索歷史”和“熱搜關(guān)鍵詞”,一方面便于用戶查找自己歷史感興趣的相關(guān)內(nèi)容,另一方面也在運(yùn)營角度對內(nèi)容視頻進(jìn)行了推薦。


點(diǎn)擊視頻卡片進(jìn)入視頻頁面,除了頂部的視頻播放,緊接著就是視頻的文字描述,讓用戶對視頻有了更進(jìn)一步的了解。同時也可以做點(diǎn)贊、分享、評論等一系列社交操作,再接著是對該視頻的標(biāo)簽展示,點(diǎn)擊該標(biāo)簽也可計(jì)入到該分類的視頻主頁。再往下就是該視頻的發(fā)布作者,點(diǎn)擊即可進(jìn)入該坐著的主頁,瀏覽更多該作者的發(fā)布作品。最后就是10條相關(guān)內(nèi)容的推薦視頻,便于用戶了解查看更多相關(guān)內(nèi)容。

這個頁面我最喜歡的一點(diǎn)就是下滑直接關(guān)閉該頁面,回到之前的視頻列表,交互操作方便流暢,用戶體驗(yàn)非常好。

分享也是一個亮點(diǎn),點(diǎn)擊分享(按鈕位置并不是分方便操作)會給畫面生成一張圖片,并添加一個線框,底部彈出磨砂玻璃效果的分享選擇,整個頁面像一個海報(bào)讓人更樂于分享。


點(diǎn)擊分類標(biāo)簽進(jìn)入分類首頁,該版塊分為“首頁”“全部”“作者”“專輯”四個版塊,“首頁”采用左右滑屏的最近更新和豎排feed流最受歡迎,“全部”整個采用feed流的展示樣式,“作者”和“專輯”采用feed流展示作者/專輯與左右展示相關(guān)視頻相結(jié)合的形式,依舊延續(xù)了整個app干凈統(tǒng)一,整潔和諧又富有變化的設(shè)計(jì)思路。


關(guān)注頁分為“作品”和“動態(tài)”兩個版塊,“作品”板塊的頂部有一條全部關(guān)注的入口,可以方便進(jìn)去選擇已關(guān)注的賬號和主題;“動態(tài)”版塊和“首頁發(fā)現(xiàn)”的“熱門評論”的樣式一致,方便快速查看關(guān)注對象的近期動態(tài),查看他們的操作視頻。


“我的頁面”和“功能開關(guān)”,采用居中對齊的排列樣式,每個內(nèi)容用寬大的行間距隔開,視覺展示干凈整齊,頁面透氣清爽,充滿設(shè)計(jì)感和文藝氣息。

觀看記錄采用0.5屏寬的圖片+文字展示形式,與之前頁面大畫面的卡片展示行程對比,又恰如其分的復(fù)合了當(dāng)前頁面的展示需求。

總之,開眼的設(shè)計(jì)無論是交互還是視覺或是內(nèi)容都是一款用心的產(chǎn)品,他充滿文藝氣息,他的設(shè)計(jì)細(xì)膩干凈,整潔統(tǒng)一,大氣流暢,目的專一,頁面輕松,整體的用戶體驗(yàn)非常良好。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,113評論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,410評論 4 61
  • 以前,我有個朋友他和我很要好,那是候有他在,我并沒有讀懂未來的孤獨(dú)。我和他幾乎無話不談。 一天里有十二小時是白天。...
    寧白大大閱讀 247評論 1 1
  • 禪宗公案講述了這樣一個故事:一個財(cái)主經(jīng)常查看他的長工有沒有偷懶的,有一次他發(fā)現(xiàn)一個小長工睡得非常香,他心里很不平衡...
    051_王超_互聯(lián)網(wǎng)閱讀 213評論 0 0
  • 這帷幕 徐徐落下 滿目荒蕪 遺留我 風(fēng)中啼哭 這殘陽 浸染記憶的湖 映紅直到深處 小船飄蕩在姑蘇城外 回蕩著落寞的...
    知憶Lee閱讀 325評論 8 9

友情鏈接更多精彩內(nèi)容