這Dezeen手表店最初規(guī)模很小,但作為一個(gè)已經(jīng)備受尊敬的品牌的一部分,其結(jié)果具有廣泛的潛在復(fù)雜性和責(zé)任。手表商店是Dezeen的第一家零售企業(yè),專(zhuān)營(yíng)知名設(shè)計(jì)師和精品品牌的手表。
一些基于鉛筆的原創(chuàng)創(chuàng)意的樣本。
測(cè)試代碼和原則時(shí)的一些早期考慮(如上)。
來(lái)自最初提出的概念的工作版本的樣本。
Dezeen是最受歡迎和最有影響力的建筑和設(shè)計(jì)博客之一,每月訪問(wèn)量超過(guò)一百萬(wàn),并被列入《時(shí)代》雜志的設(shè)計(jì)100強(qiáng)名單和《設(shè)計(jì)周刊》的熱門(mén)50強(qiáng)。Dezeen顯著的印刷品牌身份是新手表商店視覺(jué)表現(xiàn)的必要組成部分——博客和新企業(yè)之間的聯(lián)系必須立即顯現(xiàn),不能強(qiáng)加明顯的限制。
每一個(gè)早期探索的想法都與時(shí)間有關(guān)——時(shí)間的表達(dá)或代表——并且在風(fēng)格上刻意保持“中性”,以便除了商店中展示的產(chǎn)品的一般現(xiàn)代、進(jìn)步的設(shè)計(jì)特征之外,不強(qiáng)烈暗示任何特殊的美學(xué)。
調(diào)色板測(cè)試和最終形式的進(jìn)一步發(fā)展。
最終使用的顏色范圍。
在我們提出的選項(xiàng)中,動(dòng)態(tài)“時(shí)鐘”身份是迄今為止最先進(jìn)的,也是潛在最難執(zhí)行的,所以當(dāng)它被選中時(shí),我們既高興又被前景所淹沒(méi)——即使在與Dezeen分享這個(gè)想法之前,我們已經(jīng)投入時(shí)間確保我們可以在理論上可靠而靈活地執(zhí)行它。
除了少量的紙上草圖之外,這個(gè)想法的本質(zhì)及其對(duì)代碼和可伸縮向量的依賴意味著它主要是在屏幕上開(kāi)發(fā)的,在Illustrator中以理論形式來(lái)處理視覺(jué)細(xì)節(jié),但也在基于瀏覽器的實(shí)驗(yàn)工作版本中。Dezeen幾乎是立即決定從所展示的產(chǎn)品系列中開(kāi)發(fā)這一理念,并以一些早期的實(shí)驗(yàn)性工作版本為基礎(chǔ)。
這一符號(hào)通過(guò)86,400種不同的形狀和顏色組合,抽象地以24小時(shí)制表示當(dāng)?shù)貢r(shí)間,成為時(shí)計(jì)本身的標(biāo)志,同時(shí)始終保持可識(shí)別性。外面的灰色圓圈冬天略暗,夏天較亮;小時(shí)和分鐘由半徑一致的不完整圓圈表示,分別在24小時(shí)和60分鐘內(nèi)接近360度。秒由一個(gè)完整的圓表示,該圓從符號(hào)的中心向外輻射,直徑以60級(jí)遞增,直到每分鐘歸零。小時(shí)形狀一天改變24次顏色。
上面看到的身份的工作版本以正常速度的250倍運(yùn)行,因此可以更容易地看到完整的范圍。通常,身份是實(shí)時(shí)運(yùn)行的,每秒鐘調(diào)整一次。
我們結(jié)合了HTML、CSS、javascript和出色的SVG javascript庫(kù)Raphaë l.js,能夠在不損失保真度的情況下將身份擴(kuò)展到任何大小,并將86,000多個(gè)可能的“實(shí)例”中的任何一個(gè)輸出為高分辨率、可擴(kuò)展的PDF文件,供印刷材料使用;唯一的區(qū)別是從明亮的RGB顏色轉(zhuǎn)換到CMYK的正常色域內(nèi)。
Dezeen在倫敦設(shè)計(jì)節(jié)期間設(shè)立的彈出式商店。
Dezeen手表商店標(biāo)識(shí)目前幾乎沒(méi)有印刷應(yīng)用,最接近的用途是Dezeen在20世紀(jì)90年代構(gòu)思和策劃的一系列彈出式商店的膠片和乙烯基輸出倫敦設(shè)計(jì)節(jié)九月。
我們將身份的特征帶入www.dezeenwatchstore.com當(dāng)然,除了“實(shí)時(shí)”版本的標(biāo)志功能外,還有其他細(xì)節(jié),這些細(xì)節(jié)響應(yīng)一天中的時(shí)間并與ID的顏色同步—鼠標(biāo)懸停高亮顯示、購(gòu)物車(chē)狀態(tài)和“英雄”欄面板、“添加到購(gòu)物車(chē)”按鈕等等。該網(wǎng)站故意與Dezeen.com分享一些設(shè)計(jì)特點(diǎn),但用Dagny Web Pro替換了Arial和Helvetica的文本和導(dǎo)航組合類(lèi)型套件。
iPad和iPhone對(duì)web應(yīng)用程序的模擬。
由于是基于瀏覽器的,我們將身份擴(kuò)展到一個(gè)簡(jiǎn)單的HTML5 web應(yīng)用程序中,該應(yīng)用程序可以從移動(dòng)Safari直接安裝到iPhone或iPad主屏幕上,以便離線運(yùn)行。單一來(lái)源負(fù)責(zé)所有分辨率和屏幕方向,可以集中更新以影響應(yīng)用程序的所有現(xiàn)有安裝(例如,促銷(xiāo)優(yōu)惠或季節(jié)性顏色變化)。你可以去看看http://www.dezeenwatchstore.com/clock/可以安裝iPhone或iPad。
在這種情況下,我們認(rèn)為特別重要的是要注意到,有趣的設(shè)計(jì)方案是不同的人和技能相結(jié)合的結(jié)果。大多數(shù)客戶會(huì)對(duì)這個(gè)提議感到緊張,或者無(wú)法像Dezeen一樣看到它的潛力,它的技術(shù)可行性(在這個(gè)項(xiàng)目的商業(yè)范圍內(nèi))是由于Dmitry Baranovskiy對(duì)Raphaë l.js庫(kù)的工作以及我們?cè)赼kosma software的朋友對(duì)javascript和iOS的耐心支持。
身份和商店已經(jīng)非常成功,有很多積極的設(shè)計(jì)反饋,我們希望我們可以繼續(xù)工作,適應(yīng)和擴(kuò)展到其他應(yīng)用程序的身份在未來(lái)幾年。