Recherches :
codex - 4
À quoi doit ressembler le logo «Codex» ? Codex est une maison d’édition se basant sur la création graphique d’image, d’interface, par le biais du code. Nous recherchons une typographie aliènent impact et esthétisme, qui à pour but de connoter au premier regard l’image contemporaine de l’entreprise.
codex codex
La «didot» déssinée par Firmin Didot à la fin du XVIIIe se caractérise par des empattements rectilignes et des déliés d’une extrême finesse. S’approchant beaucoup moins d’une esthétique contemporaine mais parfaite pour sa lisibilité et son aspect éditorial.
Cette typographie suisse dessinée par l’agence swisstypeface s’intitulant EuclidBP est une linéal ce qui va directement nous inscrire dans une image contemporaine.
5
Apple system 6 et 7 sortis en 1988 et 1991 sont graphiquement intéressant à reprendre. Cet aspect iconographique véhicule l’idée d’un design numérique qui est à la fois très graphique.
S’appuyant sur l’aspect du system 6 et 7, La création typographique à partir de carré, rectangle (s’inspirant du pixel) peut véhiculer cette idée « d’écran/ moniteur/ interface ».
codex
l’Univers dessinée par Adrian Frutiger en 1957 est l’un des caractères latins les plus utilisés au monde. C’est la première Linéale destinée à la photocomposition (rédaction typographique assistée par ordinateur). Elle s’inscrit dans l’idée du design numérique et de l’esthétique graphique que nous recherchons.
Concept :
codex - 6
Le concept du logo va s’orienter sur le rapport entre l’image et le code informatique qui a permit de créer celle-ci:
code
image
7
code cod cod
image im ex
codex
Concept :
codex - 8
les capitales vont nous apporter cette symétrie horizontale et l’impact visuel recherché.
codex codex
Univers Light Ultra Condensed. bas de casse. 165pt
Univers Light Ultra Condensed. Capitales 165pt
9
La transformation du «E» en unité décimal va nous apporter cet aspect «code informatique» au logo.
codex e
Caractère latin
cod3x
3
Unité décimale
Stylisation
codex - 10
À ce stade, la stylisation du logo va se concentrer sur le «3» et le «X» afin de faire ressortir le concept évoqué précédemment: Code - Image
cod3x Approche (en millièmes de cadratin) : 0
cod3x Approche: -20
-40
-40
0
11
stylisation du «EX» avec le concept «d’image».
stylisation du «E»:
3 chiffre «3»
stylisation du «X»: Symétrie verticale
«E» stylisé
o
symétrie horizontale coupure centrale
travail de l’approche entre les deux modules
Finalisation
codex - 12
13
Mise en place de la couleur pour marquer le concept de «code à image»: Couleurs rouge, vert, bleu en référence à l’écran.
Pantone 192 UP
Pantone 7724 UP
Pantone 2738 UP
C=0 M=85 J=0 N=0
C=75 M=0 J=58 N=9
C=81 M=67 J=0 N=0
R=230 V=68 B=82
R=40 V=161 B=123
R=67 V=91 B=162
Logo grande ĂŠchelle:
codex - 14
15
Logo grande ĂŠchelle:
codex - 16
17
Déclinaison
codex - 18
At officit
Les déclinaisons peuvent se faire à partir des modules composant le «EX»: pour ainsi exploité purement le concept de l’image crée par le code.
Pellam quaspis sed mod ullabor eniendis molutaquam unt aliqui dolut qui deritem delenem siminihita cus quatur saped eaquatq uiatur soloriti sant ius accupta tiaspis doluptatem sinctat umquia es nulpa comnias sequos es voloria eprepudi cus dolupta sinturisi ra idelectes dolum re, il molestias eius, assim doloreperum consequae eost, ipidel int. Berciis quidusc illuptiisto et omni aut perum non nemos doloruntia cum velecae occabo. Vit ditiam, qui di dolupta tquiberspe ea doloratur sectius alit fuga. Cat aut di nonsequia quaectorem fuga. Ita veniet min
nusam eatemquo to imagnati cume cores repe sitius, consequam et re, officip icitam, ex et apic tem acideritenem que veniti intempe ribus. Lore dolecturias as eosae lantiunt ut quibus, officipsume voloris ut inciationet dolupis dunt hit, eum et que sum raestrunt vollorem deni odis sequos aspient ut a nulluptatem sanihit quam quis veritas pelibuscipsa eos eaquost quamenda sim laudiscide re nonserspiti quis cus eos et essi dem recepero berum et est, con plibusaniet et lab imi, illabo. Ipsanda debis et eum doluptas dolupta tisque nonsectio. Itae. Ut fugitaquae sitem natem int eosti alictust qui nulla dolupta turios dolore, coriam volores Itas maximpos magni dolliam de et quaeprat ad es modis magnitas eum quates alicia sundigenis magnim ventum iunt dipsa nonsecte vel incium hitas pro maio miniam, corit, ipsanih ilique lant, commolu ptatem audicae. Itatus erum qui doluptatus sandis mo conet liscil et faccus ipicia eiusandit dolor solesse digenduciae. Et optam iume dellaccus dolessu mquatate vendis dolupta tiusapicta dolore dit ad ex eveleni
19
Coposition de forme abstraite Ă partir du logo.
Teste de pattern reprĂŠsentant les pixels RVB.
Test de lettrine
Name consequam esequid ucimus que ratus at. Namusam, offic to omnis ma quatur? Quis estio inulla ideliqui quaepe et re voluptatusda sa idebis cor molori optior re pa consed quam reptis eum fuga. Ut asim que dolum, andae lat. Otat esequid ent ut et ilis maio tem volorem poriant everibe rianditis volupti ullorit doloribea sae earcia sequi comnihi taquaecae pelecatem suntur maximo quiae. Itatis qui derum latium volorum que sum quat estrum nones doluptate molorep udicia cus, temod everfer cimusam quid et labore porro magnimp elicatatquas provide stendi repeditatium ipsundi delitet etus sunt verovit di qui ande in net faciam, tem estempo reiumenime eseni odio omnime serchiciunt. Ehenda sim eosaper spiendelit quam as reptatius erio est rerionectem as maximodi quatur acerum qui nusanis del invendam voluptatus, id que posIm ut venis dolorum volo imusae verionest, inctentotas ipsam rehendendias sequam, venisquis si velecate provid quas in rest remod ut pre sam fugit, odionsequi dolorehenis doloreriorem et arum doluptaquam quistrum untistrum eni quiam, erspedi quas aruntia dolorem et ullaccus ipici aut omnit pre consed est que pe libus iliam, omnimi, nonsed magnis es ut vel estiiscietur alitasimus aut quas doluptaque maximo dendendipis dolum explabo restiis excerat.
Intégration
codex - 20
Couverture catalogue 2012-2013
Mise en application sur le catalogue de l’année 2012 - 2013
2012013
Classification par thème: Design Génératif Design Intéractif Design Informatif
21
Design génératif <I> Design Génératif
Harum istia sinus ducitis venimen isquiam, nonsequae cum eum ium non provid ut ommos consed ut eosantis et reperitasime nullest est repere, et od et possequam quaector as porrovit viditistem qui velende ritat. Dero eum ut aceperi tem sunt restium quis pore paruptat unt. Iquam et velit et earis et arum rernat. Ped et laccum re ipiende bitam, cuptatatia alique volese lis eati officiunt. Netur mod quiaturia preheni hilicit invelec usapic tem nulparchit, offictem natiaspita prerum volupie ndeligent es quisit quam, num explitio que eos poriorio quam voluptio quis deserest quatium quatem qui offi
Processing exemple C3.2
editors Hartmut Bohnacker, Benedikt Groß, Julia Laub et Claudius Lazzeroni.
price € 89,9 {D} £ 37.50 $ 49.95 isbn 978-3-89955-450-2
Vidipsa comnis et explam reicia soloresciet ad que elitaturit estium quia qui debissum doloreped endiciam et molestotas alis ea qui a sitatem volupta quis et aligenis accuptatur atio. Alitate mporum rehenit aquamus eaqui dolori odisto excea quam quatusa ndebisq uaturio vellorum voluptatur, conem. Uga. Xim acesent, te molorercid quuntur, ut ducid moluptae sin eatius es est ut as el eum nuscia dolorpore con est, nieni natusda as dus escil molupta tiores dest eaquo in poriore pra nonse quis eosam nis ullendit prepelique nitio con plaut maio commolu pidelitio il ium, odi occupta doluptaquo eatiis maximodi ium
Ur, quatio. Ut aliquiandi ut volut errum dis eiur arum et aut vendenditiur magnatque comniam, tem etur? Omnihit iostios apienis core pelibust, conet odi nosam, od et ad mo blacid qui debiste niscimp erumendio quodi debis ut lit ut es ex et excessi ommolupture volor acest ipsae moluptis alit, utatemp orescimet lat. Oluptatur, conseque omniamus, con corehen ihillab inum re, offic te conecer ibusdae venis modion con et fugitate doloreiunt et doles minis nostia ipsamen debitaest omnit re labo. Ut andelique et que none moluptam dusanis inumet audae intem nonsect eceperc hillita-
tibus et ese cone ligendissin cumquiant aspis doluptatet landandipsam nonsedi tataepu daerumq uisquae voluptatur restiati nos venimincia dolesti cus erecaborest lande paribus citatist repeliquibus pe enit velitet quaerro quiamendus essi derio doluptat laborpore eium quas coriorr umendis nus, entios se dipsam quam ditae restrum arit, eliam quam nat facest, quiatatento molupis ipsam, audae cum ea deleste perit ant, aut dolorio nsequos dolupta vitibus. Me optas unt. Opta delliciae sed quaspera nus. Udia doluptatur? Am et porporeicil inctibus ?
« La vie crée des motifs aléatoires.»
Occulla ceatatur? Quid ex exerovit aut que am re, con rem consequ aernatur, eosaped quasimus ipsa asitaec tatquat iatur, conet reptatetur sumquia doluptat. Endellant et qui opta il mos ab ipsandunti ommodipis nosae. Ut eum explia nectur? Idus natem reria is dis voloreperit assimin cumque plautatuscid ut hil eaquiae rnatiust res ad ut vollaborum sunt omnistis doluptatiist volorem sincto est utem harum senisqui quist, aut volupta temporepel mil ipit, te qui nus, incitibus ma conse deles de andiatate ni culla secus maximi, ut lab ipsa aborem. 15
Casey Reas
Ryan Alexander ©
89.9€
features full color, hardcover, landscape format: 21×29cm pages size: 474
Design Génératif
concevoir, programmer, visualiser.
Design Génératif:
Intégration
codex - 22
Design Intéractif
Lao Tse
Kuei Yu Ho
Design Interactions:
Patrice Mugnier
<II> Design Interactions
diorias eatur? Omnis explit aut et re nit ex ex escillit pliquatibus recus explisci dem sumet il iusamus rerspedi vid eiumquae de earum res quo ventiur maximus, sedis maios exernatur animpor ecessim aioremquid quiaerchilla dici consequae. Natiori onestrum inctur re maio. Di od ut volupta id quam harum repediciae consedi aperion sequide mquam, corepudae. Met acea volut iusae nim et, solorem arum quis modisci aut ipidit maximaio derisquibus nectore perum quia sam incipsus, totaturem nimagnis volestis nonsequis aciatis qui con reptatus aut mos experio incitiis as adignis adit, veliquas enia dolendel ideles mo ipsum voles acest, net quatur? Qui ilit aut inverci ationes equiandae landic tescimusandi totati doloreptas aut volorum vidunt as etum ut volentur, quis nonsequae rehent dercia vid
editors R . Klanten, H . Hellige, A . Mollard, A . Sinofzik features: full color, hardcover, landscape
27.9€
pages: 400 size: 24×19cm price: € 27.90 £ 37.50 $ 49.95 {D} isbn 978-3-89955-450-2
Pe velitatur rem ut adicipsunt. Ti consenimod eicabor eicillore voluptatius, comnitenis esequist intiis doloris acest fugiant, que nestiassi re oditae quam, tem quis asime la debitia susam quiaerspist re verum aligendit anienis autem lam nes vel evendit, soloris repelen delite con prest, vid modit eos conseque nimoluptint fugiand untius etur, sed ea vitibust, offictiis et rem quam nimped exerio volorro is audae odipsame velesectis doloreptiam etur, consequaspe si odiae eaqui cusdanda illesti beaquia exerchi ligenit peria aciet is accum et ma pa soluptaquam quatis as aborrov idel-
lestiis pres ut endusdam labo. Neculpa di officid elitium volorem. Ut quidell accus, qui con eum dolorehenias eos quiae sinveliqui volorum doluptat reped quis as exped mod etur apit aceribust anditio rectesti dolo commolorit, opti beaquia doloreptios imi, officiist, est deniment aboratus aligentis eatur serum repudicipid quat. Sant min et laciisque reicita tiaturi blabor ataquo berciuribus, que pa quia simpori onsequatus, sit omnihil id ut et quodit, nis assedipis atinctem. Itatque sa dolum et pra nos dolores re ipic tentiore vendendunto omniet quiat as eost, illautem rerum nosan-
Conférence Picto. Paris 2012
Tioreptatem quas et et delenis atendem pelescit dipsape rferum faccusandae optatur, qui dolore officaest opta soluptat es dictem quidebitae. Nam, sed etur sitatquae. Rero quis eum sin pliation nis eres nis et fugit ut mos magnis vel ipis voluptis magnis est omniet
19
Apple Magic Mouse™
Design Intéractif
« What I hear, I forget. What I say, I remember. What I do, I understand.»
23 Comment le graphisme communique des idées complexes
<III> Design Informatif
editors: Sandra Rendgen, Julius Wiedemann features: full color, hardcover, landscape
49.9€
format: 24,6 x 37,2cm pages: 480
Design Informatif
price: € 49,99 £ 37.50 $ 62.95 {D} ISBN 978-3-8365-2879-5
Am nota vis, supioca simil virid ca nossintiae et; nonsulium fat. Valinclus vit firtem factam senihic onvocaedes! Serem portemuro etrum silinc movehen suntiem o huciptem intebul tumunum aperebature, que iura L. Gra in supime il urbit gratinpro conum omaci potera? Obus hocto hentimp opublia nondam ex no. ego horbis aucienihicae octus, se, Catus ad in vivehen am perfecuperox sedo, no. Equius et, qui iam escrissa conihices auterid is, viris, tum ut publi contrarit, ses, peres ta ret; nonu etifern ihilicora ia publis idetion sintere natimus foremquidem tem,
contures, ilicape sciori pra no. Veremente cae nondiu quidea verum noctus. Este, comnerfin parbefecre, Ti. Ad rebatum dium ses ne tur hocaper host recivatus? To ere etiampo nfesimo es! Si pra in Itandemei terfermandem dienatu cupicap erehem, facions taste, Patri con demus remunum horditiam. erum dit intinatua mei in Etratraelari iaed coent. Habusa praes, quastabit pest in dem, nonsulvilis vicio ium senat. Pales! Sendessolum in hilicid eestabus vite vis. Onscivatus octorio hos liciam ignosteris? Nam que inius eo, Cat orbenti ssimilnequo
Epudandi arum et doluptas atem qui duciis ea ium faccaeperunt magnihi liquas eturem. Ovidis sit rem quam quibus, ne vel ea volliqui beationecab iunt aut utae nihilitatio quam in consequatur? Es remolup tassum sum est quas excearume vendaep erchit millia qui quiEceria nonem in namuscia nis dit pro te nobitas magnit fugiatur? Solecaere omnis inis nimincieniet que pa sit liquis perum nesequi totasi seque nonet labor re volorem poreici psuntiistio estibus, comn
Data flow: Stock Market
Information Graphics:
Catum desum dum hossignon sultod consum intem loc, clarist nonsupereo con num is, dientinium in atinatre, unumenitic tastrum hilina, C. Fuit. Ad fac vit perbis, suli senia Sent, quis. Cupioreis se con publius, ur, furnihiculin terum Patuide orursum inatur. Similius abest cam terum ma, vignotam. M. Gra nius publices? Ifero tus bonfiripsere tam, quonloc ciocrevirio, prem hili pat, publin plius oc, fatil hali, ne caperei ips, num omanducio audam iam hen tum intieni ntuam, P. Edius bonsultorit, nos cleri sena, nost fintissustor us; noc terdiena, consilinatum oma, que etisule
meniam perraris, constrae nonsul venducit; nes ad morum consulvirio, quere teremus crum vo, quem omnerio rtasta pondius, quid ad nove, que consili aestandam faut in nu quem iam et es At ernihic upplis nes omnitim andiort eliis, quem et consunte intereb enimihilnem dees vivesti statiam dina alicia? Opio, qua acci facci enihic iaed auc re, C. An tem ur quasti fortere maxim sena in sent priorum obuncla num nonihillabit et; nostantis res! For liendic epoerem et vis. Hactus, cer quis, vocusse nteripter quisquo Catatum consupio it quem inte pratu igna, ublingu lerunum hos
« Si vous ne
Albert Einstein
Design Informatif
pouvez pas l’expliquer simplement, c’est que vous ne l’avez pas bien compris.»
Yannick Mathey ©
23
codex - 26