Logo.png
版本信息：好奇心日?qǐng)?bào)3.2.1
設(shè)備機(jī)型：iPhone 6s
操作系統(tǒng)：iOS10.0.2
用戶人群定位
紙媒體轉(zhuǎn)移到新媒體，每天大量的內(nèi)容在更新攒钳，人每天都在瀏覽大量的內(nèi)容帮孔，對(duì)優(yōu)質(zhì)的內(nèi)容有極大的需求，內(nèi)容簡(jiǎn)練不撑，但是要求規(guī)則較高文兢。
好奇心日?qǐng)?bào)和其他資訊類App（今日頭條、網(wǎng)易新聞等）相比燎孟，內(nèi)容更加適合精英人群禽作，
人群的特點(diǎn)：時(shí)間成本本高尸昧，關(guān)注有品質(zhì)的內(nèi)容揩页。同時(shí)好奇心日?qǐng)?bào)，顏值最高的新聞閱讀神器烹俗，和其他新聞?lì)怉pp截圖對(duì)比爆侣，沒有對(duì)比就沒有傷害。
首頁與其它頁面排版.png
品質(zhì)的體現(xiàn)
對(duì)于好奇心日?qǐng)?bào)對(duì)于閱讀品質(zhì)的體現(xiàn)幢妄，將從以下三個(gè)方面進(jìn)行分析兔仰。
1.內(nèi)容選取類別，視角蕉鸳，分析的深度以及專業(yè)度乎赴，文字的錘煉忍法，信息的準(zhǔn)確性等，即高質(zhì)量的內(nèi)容榕吼。
2.內(nèi)容排版方式饿序，排版簡(jiǎn)潔，突出主要內(nèi)容羹蚣，在珍貴的短時(shí)間內(nèi)原探，快速獲取感興趣的內(nèi)容，高效獲取信息顽素。
3.內(nèi)容閱讀體驗(yàn)咽弦，在有限的時(shí)間內(nèi)，進(jìn)入無干擾的閱讀模式胁出，越快越好型型。
色彩
主要顏色：黃色，黑色划鸽，白色
色彩.png
黑色：嚴(yán)肅输莺、精選、有質(zhì)量的內(nèi)容裸诽。
黃色：盡量通俗嫂用、直白的語句，闡述嚴(yán)肅的內(nèi)容丈冬，黃色充滿青春氣息嘱函，朝氣和活力。
白色：文章內(nèi)容背景為白色埂蕊。
如何體現(xiàn)品質(zhì)定位
1.內(nèi)容定位
從好奇心日?qǐng)?bào)的簡(jiǎn)介以及關(guān)于我們往弓，還有小作者我在知乎看到的一篇介紹好奇心日?qǐng)?bào)的文章可以總結(jié)下以下幾點(diǎn)。
內(nèi)容核心定位：商業(yè)洞察蓄氧、生活方式和年輕中產(chǎn)
引導(dǎo)頁.png
商業(yè)洞察：以公司為報(bào)道主體函似，公司里面的人和事。
生活方式：生活方式是每個(gè)人必須選擇的喉童，在社會(huì)提供更多選擇的時(shí)候撇寞。
年輕中產(chǎn)：在人群結(jié)構(gòu)中，20～29歲的人口比例最大堂氯，支持相當(dāng)大的消費(fèi)蔑担，給社會(huì)商業(yè)結(jié)構(gòu)帶來相當(dāng)大的改變，對(duì)這部分人進(jìn)行闡釋咽白。
內(nèi)容涉及領(lǐng)域
好奇心簡(jiǎn)介.png
商業(yè)：商業(yè)中最有趣的那一部分啤握，生意，創(chuàng)業(yè)晶框，競(jìng)爭(zhēng)排抬，用戶懂从。
娛樂：不是大街上看熱鬧的娛樂報(bào)道，而是分析如何沉迷蹲蒲，如何創(chuàng)造莫绣，審視生活中的淺薄和熱烈。
設(shè)計(jì)：我們周圍的美好的東西悠鞍，它們是如何產(chǎn)生对室，如何被設(shè)計(jì)的。
智能：關(guān)注創(chuàng)造力咖祭，關(guān)注引起生活變化的引擎掩宜。
城市：一座城，一些人么翰。
時(shí)尚：睨視浮華牺汤，重新定義潮流。
2.內(nèi)容的排版方式
首頁.png
內(nèi)容的表現(xiàn)方式浩嫌，突出新聞資訊內(nèi)容檐迟，簡(jiǎn)化功能入口，排版簡(jiǎn)練码耐，統(tǒng)一追迟。
1.沒有導(dǎo)航欄，沒有菜單欄骚腥，狀態(tài)欄的背景為首頁輪播圖敦间。
2.其他選項(xiàng)的入口均為一個(gè)Icon：黑色圓形背景，黃色的Q的Logo束铭。
首頁功能入口.png
3.Z軸空間的的設(shè)計(jì)利用廓块。唯一的Icon的陰影提供了對(duì)象的深度，使其在視覺上有更高的高度契沫，區(qū)分了Icon的入口和內(nèi)容在Z軸的空間中的位置和內(nèi)容層次带猴。
首頁與其它頁面排版.png
4.灰色背景，卡片式設(shè)計(jì)懈万，主要信息：黑色文字的標(biāo)題拴清，輔助性文字與圖標(biāo)，相關(guān)配圖钞速；除了首頁贷掖，相應(yīng)頁面的內(nèi)容也采用了卡片式的展示嫡秕，減少了用戶認(rèn)知和學(xué)習(xí)成本渴语。其中在個(gè)人中心你喜歡的文章排版格式和你在首頁看到的一致。
卡片圖文.png
5.根據(jù)人從左往右的閱讀習(xí)慣昆咽，左邊文字驾凶，右邊圖片：文字向讀者傳達(dá)主要內(nèi)容牙甫，標(biāo)題是新聞資訊類的信息的獲取重點(diǎn)，配圖輔助文字傳達(dá)信息调违，好奇心日?qǐng)?bào)的配圖的質(zhì)量還是可以的窟哺。
6.主推內(nèi)容是抓人眼球的，配圖和文字相比更能吸引人的注意力技肩，因此這類主要組成是較大面積的圖片且轨。
7.卡片形式統(tǒng)一：小卡片內(nèi)容和文字為1:1的分布排版，內(nèi)容展示統(tǒng)一用這種形式虚婿，節(jié)省你的精力去辨別和適應(yīng)排版旋奢；大卡片形式以配圖和文字為主，上下排版為主然痊。
8.內(nèi)容排版錯(cuò)落有致至朗，大卡片和小卡片式的資訊有節(jié)奏地排版。
大卡片以下形式：
大卡片1.png
1）首頁輪播圖剧浸，配圖锹引，黑色半透明漸變蒙板，白色文字
大卡片2.png
2）主推文章：配圖唆香，標(biāo)題嫌变，簡(jiǎn)介文字，其他（分類躬它、評(píng)論數(shù)初澎、喜歡數(shù)、發(fā)布時(shí)間）
大卡片3.png
3）好奇心研究所（參與好奇心的話題研究）：Icon＋標(biāo)題虑凛、分享圖標(biāo)碑宴、簡(jiǎn)介文字。
大卡片4.png
4）推薦關(guān)注&已關(guān)注桑谍，左右滑動(dòng)可預(yù)覽延柠。卡片套卡片锣披。大卡片：Icon＋標(biāo)題贞间、關(guān)注圖標(biāo)＋分享圖標(biāo)、小卡片雹仿。其中小卡片：配圖增热，標(biāo)題，簡(jiǎn)介文字胧辽，其他（評(píng)論數(shù)峻仇、喜歡數(shù)、發(fā)布時(shí)間）邑商，灰色線描邊摄咆。內(nèi)容排版的形式和卡片1相類似凡蚜。
大卡片5.png
5）今日應(yīng)用&為什么讀書：基本和“推薦關(guān)注&已關(guān)注”排版一致，只是小卡片的大小不同吭从，小卡片的比例和手機(jī)和書本的比例感覺相似－長(zhǎng)方形朝蜘。
大卡片6.png
6）開你腦洞，一張你的頭像（默認(rèn)頭像有點(diǎn)痞子的味道）涩金，加你的關(guān)鍵詞的標(biāo)簽圖谱醇；小卡片的相關(guān)推薦欄目：配圖＋名稱＋添加Icon，已經(jīng)訂閱的人數(shù)步做，這個(gè)會(huì)吸引人去訂閱（從眾心理吧）枣抱。
毛玻璃模糊效果.png
9.毛玻璃的的模糊效果的背景，留白處理辆床，突出主要內(nèi)容佳晶，營造了高大上的氛圍。
3.內(nèi)容閱讀體驗(yàn)
首頁瀏覽交互.png
1.無分類讼载，下滑不斷展示：主推資訊轿秧，關(guān)注內(nèi)容，推薦關(guān)注內(nèi)容的瀏覽等咨堤。
2.沉浸式的閱讀體驗(yàn)菇篡，通過一個(gè)Icon來實(shí)現(xiàn)，除了展現(xiàn)的主要閱讀內(nèi)容一喘，幾乎沒有任何多余元素干擾用戶的閱讀體驗(yàn)驱还。
3.在滑動(dòng)瀏覽的時(shí)候，好奇心日?qǐng)?bào)的浮動(dòng)的圖標(biāo)是隱藏的凸克，在不滑動(dòng)的時(shí)候出現(xiàn)议蟆。
詳情的完全沉浸式閱讀.png
4.進(jìn)入內(nèi)容詳情，用戶需要的主要操作位于頁面底部萎战，同樣沒有導(dǎo)航欄咐容，菜單欄
5.滑動(dòng)瀏覽，圖標(biāo)消失蚂维，狀態(tài)欄隱藏（這個(gè)戳粒，厲害了word哥），手機(jī)全屏式的瀏覽虫啥，完全的沉浸式瀏覽蔚约。
6.內(nèi)容詳情的閱讀，用戶幾乎不用變化手持手機(jī)的位置涂籽，就可以完成所需要的操作苹祟。
7.App的進(jìn)入的頁面返回之后，都到達(dá)首頁。
輪播圖的雜志式的閱讀體驗(yàn).png
8.輪播圖：雜志式的閱讀體驗(yàn)苔咪，全屏的封面＋加標(biāo)題，下一屏為內(nèi)容詳情柳骄。
歷史瀏覽記錄.png
9.一篇文章閱讀之后团赏，返回到首頁，再次點(diǎn)擊進(jìn)入文章耐薯，文章會(huì)保留在上次閱讀的位置舔清。
設(shè)置字體大小.png
10.內(nèi)容詳情，可調(diào)整字體大小曲初。
逗比的提示文案.png
11.逗比的提示文案体谒，搞笑的配圖，閱讀完之后臼婆，雖然是彈窗提示抒痒，但會(huì)讓用戶感覺很好玩。
其它－微交互設(shè)計(jì)
隱藏菜單欄展開動(dòng)效.png
1.點(diǎn)擊浮動(dòng)圖標(biāo)颁褂，隱藏的分類內(nèi)容出現(xiàn)故响，內(nèi)容分上下兩部分，分別從上向下颁独，和從下向上跳出彩届，充滿動(dòng)感。
2.點(diǎn)擊關(guān)閉按鈕誓酒，關(guān)閉按鈕向下跳出屏幕樟蠕，Q的Icon按鈕跳進(jìn)屏幕，這個(gè)自己可以感受下靠柑。
加載.png
3.與App主題色一致的寨辩，動(dòng)感的加載圖標(biāo)（小太陽在轉(zhuǎn)動(dòng)，其他為靜態(tài)）歼冰，轉(zhuǎn)動(dòng)捣染，向用戶傳達(dá)在加載。
喜歡動(dòng)效.png
4.點(diǎn)擊喜歡圖標(biāo)停巷，圖標(biāo)的動(dòng)效變化耍攘，喜歡數(shù)量的即時(shí)更新。
5.可優(yōu)化的交互手勢(shì)：全局統(tǒng)一的左右滑動(dòng)切換手勢(shì)畔勤。部分頁面左右滑動(dòng)可切換蕾各，部分不可以切換。
消息反饋.png
6.消息反饋庆揪，同浮動(dòng)icon的排版一致式曲，黑色背景＋黃色文字。
推薦訂閱交互.png
7.推薦訂閱：同樣采取左右滑動(dòng)可以預(yù)覽，這個(gè)交互好友好吝羞，不用進(jìn)入下一頁面便可以瀏覽所有兰伤。添加關(guān)注，消息提示后钧排，此訂閱消失敦腔，實(shí)時(shí)更新。
結(jié)語：我們處在一個(gè)傳媒高度發(fā)達(dá)的時(shí)代恨溜，信息史無前例地增多符衔，門戶網(wǎng)站以及崛起的自媒體充斥我們的生活，分散我們大量的注意力糟袁，同時(shí)精英人群的時(shí)間成本逐漸增高判族，選擇性閱讀、高質(zhì)量的內(nèi)容以及閱讀效率稱為人們閱讀信息的趨勢(shì)项戴，好奇心的日?qǐng)?bào)的設(shè)計(jì)就是在滿足精英人群的閱讀需求：在碎片化時(shí)代形帮，人在用碎片時(shí)間來閱讀，高效快速地閱讀周叮。
