豆瓣影片詳情頁(yè)臨摹

與其說(shuō)“臨摹”骏全,不如說(shuō)是“默畫(huà)”与斤,百度對(duì)默畫(huà)的描述是“憑記憶作畫(huà)肪康,是熟練掌握繪畫(huà)技巧,加深結(jié)構(gòu)理解的一種很好的手段撩穿。一般要求先對(duì)形象有較深入的理解磷支,對(duì)形象的特征結(jié)構(gòu)及運(yùn)動(dòng)規(guī)律胸有成竹,然后再憑記憶畫(huà)出來(lái)”食寡,道理都一樣雾狈,繪畫(huà)能如此,做產(chǎn)品當(dāng)然也適用冻河。

不是每個(gè)人都是喬布斯箍邮,對(duì)于我來(lái)說(shuō)茉帅,產(chǎn)品之路是先臨摹叨叙,再默畫(huà),然后重設(shè)計(jì)堪澎,最后才創(chuàng)造擂错。

1、某一個(gè)空間下內(nèi)容元素多但又都不可缺少(比如短評(píng)里頭像樱蛤、昵稱钮呀、評(píng)分、點(diǎn)贊數(shù)昨凡、時(shí)間等)爽醋,此時(shí)各元素位置該如何放置?

解決方案:

有幾個(gè)元素的位置可以直接確定便脊,優(yōu)先展示頭像(識(shí)別度高)蚂四,然后是昵稱(唯一識(shí)別),接下來(lái)才是評(píng)分(主體進(jìn)的動(dòng)作)哪痰。

點(diǎn)贊數(shù)我放在了頭像和昵稱下面遂赠,時(shí)間則很自然的放在頭像、昵稱晌杰、評(píng)分這一行的最右側(cè)跷睦。豆瓣的做法是將點(diǎn)贊數(shù)放在短評(píng)的下方左側(cè),這里我忽略了一點(diǎn)肋演,用戶在這個(gè)地方其實(shí)是可以點(diǎn)贊的抑诸,而我僅僅把它當(dāng)做數(shù)量上的展示用烂琴,忘記了它還是一個(gè)按鈕。豆瓣做法的優(yōu)點(diǎn)有兩處蜕乡,一是邏輯上的正確监右,先看短評(píng),再?zèng)Q定是否點(diǎn)贊异希,二是行動(dòng)上的簡(jiǎn)便健盒,因?yàn)槎淘u(píng)與短評(píng)之間間距較大(下面會(huì)談到),放在兩條短評(píng)中間比放在頭像和短評(píng)中間更方便用戶操作称簿。

定好了點(diǎn)贊數(shù)(按鈕)的放置位置扣癣,為了平衡視覺(jué)上的差異,于是將時(shí)間也移到了下方右側(cè)憨降,同時(shí)點(diǎn)贊數(shù)(按鈕)父虑、時(shí)間都用了灰白色顯示,推測(cè)是為了弱化這些元素授药,從而引導(dǎo)用戶更關(guān)注評(píng)論內(nèi)容本身士嚎。

為每一個(gè)設(shè)計(jì)行為找到回應(yīng)“WHY”的依據(jù),盡量少的拍腦袋決定悔叽。

2莱衩、單個(gè)頁(yè)面內(nèi)欄目太多,要下滑許多屏才能瀏覽完娇澎,如何做好各個(gè)內(nèi)容之間的區(qū)分笨蚁?

解決方案:

我首先想到的是用細(xì)橫線或者卡片來(lái)做分割,但是實(shí)際操作中都否定了趟庄,豆瓣的影片詳情頁(yè)有六屏之多括细,而且每個(gè)欄目里面的內(nèi)容也需要區(qū)分開(kāi)來(lái),畫(huà)了一下簡(jiǎn)略的原型戚啥,滿眼的橫線實(shí)在受不了奋单;另外就是用卡片,但豆瓣的原設(shè)計(jì)就沒(méi)有用到卡片猫十,有很多欄目也不適合用卡片览濒。

那么看豆瓣是怎么做的,細(xì)橫向炫彩、留白和配色混合解決匾七。豆瓣也用了細(xì)橫線,都是用的很克制江兢,這里說(shuō)克制是因?yàn)椴粌H用的少(總共三條昨忆,分別在“我的評(píng)分”、“即時(shí)討論”杉允,“短評(píng)”下)邑贴,而且這些線既細(xì)又淺席里,難以覺(jué)察但又的確存在。留白主要用在五條短評(píng)和五條影評(píng)中間拢驾,因?yàn)榱舻亩啵ㄒ呀?jīng)六屏奖磁,不在乎多少了),第一眼看上去還是很好區(qū)分的繁疤,感受也不錯(cuò)咖为。配色分割有兩處,一處是更多稠腊,“更多”用了綠色的主色調(diào)躁染,提醒用戶有更多內(nèi)容的同時(shí)很巧妙區(qū)分開(kāi)了各個(gè)欄目;另一處是這部片子被收集的豆列架忌,這里整個(gè)背景色都用了灰色吞彤,很好區(qū)分,邏輯上也透露出和影片的關(guān)系不是特別緊密叹放。

3饰恕、豆瓣電影的每部電影頁(yè)面里,影評(píng)默認(rèn)只顯示前六條(網(wǎng)頁(yè)版)熱門(mén)影評(píng)井仰,那如何避免出現(xiàn)馬太效應(yīng)埋嵌?(來(lái)自知乎)

解決方案:

這里可以直接去知乎看哦

http://www.zhihu.com/question/20327678

http://www.zhihu.com/question/19588679

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市糕档,隨后出現(xiàn)的幾起案子莉恼,更是在濱河造成了極大的恐慌拌喉,老刑警劉巖速那,帶你破解...
    沈念sama閱讀 218,386評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異尿背,居然都是意外死亡端仰,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門(mén)田藐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)荔烧,“玉大人,你說(shuō)我怎么就攤上這事汽久『捉撸” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,704評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵景醇,是天一觀的道長(zhǎng)臀稚。 經(jīng)常有香客問(wèn)我,道長(zhǎng)三痰,這世上最難降的妖魔是什么吧寺? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,702評(píng)論 1 294
  • 正文 為了忘掉前任窜管,我火速辦了婚禮,結(jié)果婚禮上稚机,老公的妹妹穿的比我還像新娘幕帆。我一直安慰自己,他們只是感情好赖条,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布失乾。 她就那樣靜靜地躺著,像睡著了一般纬乍。 火紅的嫁衣襯著肌膚如雪仗扬。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,573評(píng)論 1 305
  • 那天蕾额,我揣著相機(jī)與錄音早芭,去河邊找鬼。 笑死诅蝶,一個(gè)胖子當(dāng)著我的面吹牛退个,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播调炬,決...
    沈念sama閱讀 40,314評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼语盈,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了缰泡?” 一聲冷哼從身側(cè)響起刀荒,我...
    開(kāi)封第一講書(shū)人閱讀 39,230評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎棘钞,沒(méi)想到半個(gè)月后缠借,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡宜猜,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評(píng)論 3 336
  • 正文 我和宋清朗相戀三年泼返,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片姨拥。...
    茶點(diǎn)故事閱讀 39,991評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡绅喉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出叫乌,到底是詐尸還是另有隱情柴罐,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評(píng)論 5 346
  • 正文 年R本政府宣布憨奸,位于F島的核電站革屠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屠阻,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評(píng)論 3 330
  • 文/蒙蒙 一红省、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧国觉,春花似錦吧恃、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,910評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至蝇闭,卻和暖如春呻率,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背呻引。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,038評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工礼仗, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人逻悠。 一個(gè)月前我還...
    沈念sama閱讀 48,158評(píng)論 3 370
  • 正文 我出身青樓元践,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親童谒。 傳聞我的和親對(duì)象是個(gè)殘疾皇子单旁,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,139評(píng)論 25 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件饥伊、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,104評(píng)論 4 62
  • 今年算是見(jiàn)識(shí)了我的整理術(shù)到底有多糟糕象浑。 前段時(shí)間,踐行時(shí)間管理時(shí)我發(fā)現(xiàn)我?guī)啄甑恼掌瑳](méi)有整理琅豆。 上上個(gè)禮拜完成了20...
    熙溪兒閱讀 147評(píng)論 0 0
  • 最近幾個(gè)月的心思愉豺,大多被工作牽住,新的工作業(yè)務(wù)繁忙趋距,舊的工作還需要尾后處理粒氧,時(shí)間被壓縮的很有限,并因此而先后放棄了...
    凌若晨軒閱讀 305評(píng)論 0 0