網(wǎng)易IPAD女人雜志項(xiàng)目總結(jié)

2011-12-6    藍(lán)藍(lán)設(shè)計(jì)的小編

 

 

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(      m.sillybuy.com    )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的      BS界面設(shè)計(jì)    、      cs界面設(shè)計(jì)    、      ipad界面設(shè)計(jì)    、      包裝設(shè)計(jì)    、      圖標(biāo)定制    、      用戶體驗(yàn)    、交互設(shè)計(jì)、      網(wǎng)站建設(shè)    、平面設(shè)計(jì)服務(wù)  

zhangle2010 |  時(shí)間: 2011-11-21 |  1,718 Views    原文鏈接:http://uedc.163.com/8201.html

 

前言

IPAD女人雜志,得到這個(gè)項(xiàng)目需求的時(shí)候,說(shuō)實(shí)話整個(gè)項(xiàng)目團(tuán)隊(duì)對(duì)這個(gè)產(chǎn)品都還不是特別的了解。那時(shí)IPAD才剛剛上市,而且大家對(duì)于專門(mén)針對(duì)于ipad這樣尺寸的無(wú)線終端所開(kāi)發(fā)的新一批APP應(yīng)用也還都是剛剛開(kāi)始接觸。提到“電子雜志”首先想到的更多是一些以FLASH動(dòng)畫(huà)作為主要媒介的視覺(jué)雜志。所以對(duì)于這樣一個(gè)技術(shù)上要拋開(kāi)FLASH,設(shè)計(jì)上要從紙媒到新的傳播媒介的轉(zhuǎn)換,我們都是“摸著石頭過(guò)河”。
項(xiàng)目關(guān)鍵詞:時(shí)間緊迫   從新開(kāi)始

時(shí)間緊迫:當(dāng)時(shí)幾大門(mén)戶都還在摸索階段,需求方希望走在其他門(mén)戶前列,最先搶在這個(gè)市場(chǎng)。

從新開(kāi)始:技術(shù)和視覺(jué)設(shè)計(jì)這邊都需要?jiǎng)?chuàng)新,沒(méi)有先例可以參照。

接下來(lái)長(zhǎng)話短說(shuō),從視覺(jué)設(shè)計(jì)方面對(duì)這個(gè)項(xiàng)目做一個(gè)簡(jiǎn)短的總結(jié)。

整體構(gòu)架 ——經(jīng)過(guò)項(xiàng)目組成員的集體討論結(jié)果,確定了以下的雜志構(gòu)架

下面從幾個(gè)方面著重分析一下:


色彩,修圖,版式,字體,流程

———————————————————————————————————————————————————————————————–

色彩

雜志整體色彩以女人頻道的品牌紫色為主線。

 

 

 

 

總結(jié)了下色彩庫(kù)如下:

色彩設(shè)定主要是在頻道需求的基礎(chǔ)上,在紫色同色系上的一些變化,并針對(duì)與傳播媒介的特點(diǎn)。由于IPAD的本身分辨率很高顏色銳度很強(qiáng)。并且屏幕顯示的亮度很大,所以在有些設(shè)計(jì)上可以好好利用這一優(yōu)勢(shì)。比如下面的將要提到的再是進(jìn)場(chǎng)和末頁(yè)。

另外還有特別要注意的是,IPAD顯示顏色與你自己的電腦顏色顯示是有差距的,一般電腦的顏色顯示會(huì)“暗”一些。所以在具體執(zhí)行設(shè)計(jì)時(shí)要參照而來(lái)。

進(jìn)場(chǎng)和封底—–

?創(chuàng)意點(diǎn):T臺(tái),幕布    色彩:品牌紫色     利用傳播媒介的特殊屬性進(jìn)行執(zhí)行,特意找到了有鉆石閃爍效果的T臺(tái)素材,并且用比較深邃的主題顏色,利用顯示的優(yōu)勢(shì),使整體畫(huà)面更有層次感

——————————————————————————————————————————————————————————————————————————–

修圖

封面    —–

下面是頭7期的封面


以上是最近7期的雜志封面,很容易看出,前七期在色彩和版式上都保持著統(tǒng)一的風(fēng)格。沒(méi)有做太多的新的嘗試,這也是考慮到雜志創(chuàng)刊初期,要樹(shù)立統(tǒng)一的品牌傳播形象,更容易在目標(biāo)受眾群中,建立品牌符號(hào)。

————————————————————————————————————————————————————————————————————-

下面著重講一下封面設(shè)計(jì)和執(zhí)行:

先是最重搞和原圖的對(duì)比

除了版式上在原有基礎(chǔ)上根據(jù)每期的人物圖片進(jìn)行有規(guī)律的調(diào)整外,作為視覺(jué)的中心點(diǎn)——人物來(lái)說(shuō),我們邀著重的加以雕琢,因?yàn)橐话闱闆r下我們從編輯那里所得到的圖片都很不盡如人意。主要問(wèn)題有:精度低,不是棚拍,光影沒(méi)有層次,妝面和服裝不夠精致。所以這些都需要我們這邊來(lái)進(jìn)一步優(yōu)化。

下面主要講講雜志制作中的修圖環(huán)節(jié)。這里的修圖不僅僅是色階和對(duì)比度,色相的調(diào)整,更多的可能更像是變魔術(shù),把本身沒(méi)有的變出來(lái)。

封面修圖:上面已經(jīng)講過(guò),不再過(guò)多講

時(shí)尚圖集的修圖:這部分可以說(shuō)是整個(gè)雜志工作量最大的地方,先舉例說(shuō)明:

這樣的工作要再64張圖片上一 一調(diào)試,然后將64張圖整理成大中小3中尺寸。

另外,在花窩部分的修圖出了以下常規(guī)的化妝步驟圖片的尺寸的色調(diào)色階的修正外,里面著重要說(shuō)的是化妝品圖片的修圖

常規(guī)修圖    —–

編輯提供的化妝品素材一般都要摳圖,另外在整個(gè)頁(yè)面上體現(xiàn)的時(shí)候要根據(jù)設(shè)計(jì)在加以修飾,要如同修飾大視覺(jué)里的元素一樣來(lái)修飾這些化妝品素材,使其融入環(huán)境,不要像是“紙片圖”。題外話:其實(shí)一般像這種化妝品專題在大型的媒體(例:ELLE.COSMO.MARICLARE)一般他們都是有專門(mén)的攝影師進(jìn)行場(chǎng)景拍攝的,咱們這邊是暫時(shí)沒(méi)有條件提供這樣的圖片的。

—————————————————————————————————————————————————————————————————————————-

字體

IPAD雜志的字體,在項(xiàng)目開(kāi)始初期我們也做了相關(guān)的競(jìng)品調(diào)查,大多數(shù)互動(dòng)終端產(chǎn)品用的是蘋(píng)果黑體,但是當(dāng)時(shí)沒(méi)有太多的紙媒類(lèi)電子雜志可以作為參考,所以只有經(jīng)過(guò)親身的驗(yàn)證,所以在雜志的第一期上線之前,我們都屬于實(shí)驗(yàn)階段。

最終確定了主題字體(中英),正文字體(中英)

—————————————————————————————————————————————————————————————————————————-

版式

說(shuō)到版式,應(yīng)該是對(duì)雜志設(shè)計(jì)來(lái)說(shuō)最為重要的一點(diǎn)了,但是在版式上,IPAD上的電子雜志還是會(huì)和紙媒的雜志有所區(qū)別的。相比之下,IPAD電子雜志有自己的優(yōu)勢(shì),也有自己的局限性。

弊端:由于IPAD本身的尺寸原因,多數(shù)需要豎屏觀看而且是單頁(yè)翻轉(zhuǎn),所以一些像這樣在紙媒上應(yīng)用的通篇兩P排版是不能運(yùn)用在IPAD上的(本產(chǎn)品技術(shù)暫時(shí)沒(méi)有開(kāi)發(fā)橫版閱讀)

優(yōu)勢(shì):這種特殊的媒介平臺(tái),可以提供紙媒所不能有互動(dòng)功能。

所以介于上面的分析,我們把正文的文字版式做了一下兩種可能的排列:

由于IPAD尺寸的緣故,考慮到用戶體驗(yàn),三欄的文字排版方式更容易會(huì)帶來(lái)視覺(jué)疲勞。所以選用了兩欄式排版。

在主要展示圖片的版面,版式張主要遵循黃金分割的原則,分類(lèi)為一下排版

同樣以黃金分割為基礎(chǔ)的小封面版式

另外針對(duì)于花窩這一部分的特殊性,在版式上也做了特殊的處理。根據(jù)每期的內(nèi)容做了比較多變化。

圖集部分的一些散點(diǎn)排版

接著是一些和頁(yè)面排版一致的活動(dòng)頁(yè)面:

———————————————————————————————————————————————————————————————————————————–

流程

提需求—-見(jiàn)面會(huì)議—–排期——給內(nèi)容——設(shè)計(jì)—–叫給技術(shù)和前段—–測(cè)試—-上線

上面這個(gè)排列應(yīng)該是整個(gè)項(xiàng)目基本的,正確的,有序的一個(gè)流程。但是在這里要重點(diǎn)說(shuō)的是,在真正的項(xiàng)目實(shí)施過(guò)程中,有幾個(gè)環(huán)節(jié)是一直都有問(wèn)題的,最大的問(wèn)題應(yīng)該是在排期和內(nèi)容上,經(jīng)常是在沒(méi)有任何內(nèi)容的情況下就要我們?cè)O(shè)計(jì)這邊給出一個(gè)設(shè)計(jì)排期,所以這個(gè)基本是不可能完成的任務(wù),所以最終還都是邊給內(nèi)容邊設(shè)計(jì)制作。所以時(shí)間上設(shè)計(jì)這邊沒(méi)有任何主動(dòng)性,完全都是被動(dòng)的要跟這需求方得內(nèi)容走。邊制作邊看時(shí)間。所以這樣一來(lái),咱們的設(shè)計(jì)時(shí)間一直都是相當(dāng)飽和的。這樣一個(gè)工作量,一般都是都要在15天之內(nèi)全部完成。不過(guò)現(xiàn)在這個(gè)問(wèn)題應(yīng)該已經(jīng)慢慢協(xié)調(diào)了。

———————————————————————————————————————————————————————————————————————————–

自己的一點(diǎn)建議

最后說(shuō)說(shuō)我自己的感受,做了這么久了也,開(kāi)始對(duì)這個(gè)項(xiàng)目是充滿好奇和憧憬的。執(zhí)行起來(lái)后覺(jué)得這個(gè)項(xiàng)目是充滿壓力的一個(gè)“體力活”?,F(xiàn)在做了7期了,提出幾點(diǎn)對(duì)這個(gè)項(xiàng)目的建議:

圖片:希望需求方能投入更多的精力來(lái)找到一個(gè)咱們自己的攝影師。擁有咱們自己的網(wǎng)易出品大片。而不是再去提心吊膽的GOOGLE上下圖。

互動(dòng):向往項(xiàng)目組一起來(lái)多多從內(nèi)容上考慮互動(dòng)內(nèi)容的添加,而不僅僅是設(shè)計(jì)師這邊自己提出建議

文字校對(duì):希望能有專門(mén)的同事來(lái)做文字校對(duì)這一環(huán)節(jié),這樣能避免很多反復(fù)的工作。

差不多了,基本就這些,簡(jiǎn)短總結(jié),自己當(dāng)然還有很多不足,希望接下來(lái)接手的同事能把這個(gè)項(xiàng)目做的更好!

日歷

鏈接

個(gè)人資料

存檔