Typography and Colors for GUI Designers

7/23/2019 Typography and Colors for GUI Designers

1/44

rcscgtfteig by4

FJNCO NSAZENCJEF EG_ZEZSZC

Zypi`rfphy fgj Oiairs kir

@SE Jcse`gcrs

www.fjncoegjef.oi.eg


2/44

Zypi`rfphy fgj Oiairs kir @SE

Jcse`gcrs

Zypi`rfphy fgj Oiairs frc ist epirtfgt

caccgts ti bc !igsejcrcj ek yi" frc aii#eg` kir f

s"!!cssk"a jcse`g kir yi" $cbsetc ir fppae!fteig%

_i thes es &"st f

rckcrcg!c kir y

$ir#ship ig thc

kiaai$eg` tipe!%


3/44

Et's gi `rcft ystcry thft tr"ay `rcft "scr egtcrkf!cs

frc thc igcs thft frc cgègccrcj ti stfy i"t ik thc

$fy%

(_tfyeg` i"t ik thc $fy' cfgs git jestrf!teg` yi"r

"scrs% )fthcr* ìij SEs act yi"r "scrs !ipactc

ìfas% Zhc rcs"at+ F rcj"!teig eg trfegeg` fgj

s"ppirt !ists* fgj hfppecr* sfteskecj fgj he`hay

cg`f`cj "scrs%


4/44

,% -gi$ yi"r "scr

.hcg `ctteg` stfrtcj ig f gc$ egtcrkf!c* f#c

s"rc ti rccbcr thcsc k"gjfcgtfas4

/i"r "scr's `ifas frc yi"r `ifas* si acfrg thc%

)cstftc thc* rcpcft thc% Zhcg* acfrg fbi"t yi"r

"scr's s#eaas fgj c


5/44

2% fy fttcgteig ti pfttcrgs

Sscrs spcgj thc f&irety ik thcer tec ig egtcrkf!cs

ithcr thfg yi"r i$g ?6f!cbii#* Ny_pf!c* :ai``cr*

:fg#eg` .cbsetcs* s!hiia3"ge;crsety* gc$s

$cbsetcs* ct!0% Zhcrc es gi gccj ti rceg;cgt thc

$hcca% Zhisc egtcrkf!cs fy sia;c sic ik thc

sfc pribacs thft "scrs pcr!ce;c $etheg thc igc

yi" frc !rcfteg`% :y "seg` kfeaefr SE pfttcrgs* yi"

$eaa hcap yi"r "scrs kcca ft hic%


6/44

8% _tfy !igsestcgt

/i"r "scrs gccj !igsestcg!y% Zhcy gccj ti #gi$

thft ig!c thcy acfrg ti ji sictheg`* thcy $eaa bc

fbac ti ji et f`feg% Afg`"f`c* afyi"t* fgj jcse`g

frc &"st f kc$ egtcrkf!c caccgts thft gccj

!igsestcg!y% F !igsestcgt egtcrkf!c cgfbacs yi"r

"scrs ti hf;c f bcttcr "gjcrstfgjeg` ik hi$ theg`s

$eaa $ir#* eg!rcfseg` thcer ckke!ecg!y%


7/44

5% Ssc ;es"fa hecrfr!hy

Jcse`g yi"r egtcrkf!c eg f $fy thft faai$s thc "scr

ti ki!"s ig $hft es ist epirtfgt% Zhc sec* !iair*

fgj paf!ccgt ik cf!h caccgt $ir# ti`cthcr*

!rcfteg` f !acfr pfth ti "gjcrstfgjeg` yi"r

egtcrkf!c%

F !acfr hecrfr!hy $eaa `i `rcft acg`ths eg rcj"!eg`

thc fppcfrfg!c ik !ipac


8/44

=% ri;ejc kccjbf!#

/i"r egtcrkf!c shi"aj ft faa tecs spcf# ti yi"r

"scr* $hcg hes3hcr f!teigs frc bith re`ht fgj

$rig` ir es"gjcrstiij% Fa$fys egkir yi"r "scrs

ik f!teigs* !hfg`cs eg stftc fgj crrirs* ir

c

f!teigs hf;c acj ti thc c


9/44

>% :c kirè;eg`

Gi fttcr hi$ !acfr yi"r jcse`g es* pcipac $eaa f#c

estf#cs% /i"r SE shi"aj faai$ kir fgj tiacrftc "scr crrir%

Jcse`g $fys kir "scrs ti "gji f!teigs* fgj bc kirè;eg`

$eth ;frecj egp"ts ?gi igc ae#cs ti stfrt i;cr bc!f"sc

hc3shc p"t eg thc $rig` berth jftc kirft0%

Fasi* ek thc "scr jics !f"sc fg crrir* "sc yi"r cssfèg`

fs f tcf!hfbac set"fteig by shi$eg` $hft f!teig $fs

$rig`* fgj cgs"rc thft shc3hc #gi$s hi$ ti prc;cgt thc

crrir kri i!!"rreg` f`feg%


10/44

7% Cpi$cr yi"r "scr

9g!c f "scr hfs bc!ic c


11/44

L% _pcf# thcer afg`"f`c

Faa egtcrkf!cs rc"erc sic ac;ca ik !ipy$reteg`% -ccp

theg`s !ig;crsfteigfa* git scgsfteigfa% \ri;ejc !acfr fgj

!ig!esc afbcas kir f!teigs fgj #ccp yi"r cssf`eg`

sepac% /i"r "scrs $eaa fpprc!eftc et* bc!f"sc thcy $ig't

hcfr yi" B thcy $eaa hcfr thcsca;cs fgj3ir thcer pccrs%

Ek yi" theg# c;cry pe


12/44

% -ccp et sepac

Zhc bcst egtcrkf!c jcse`gs frc eg;esebac% Zhcy ji git

!igtfeg SEKbaeg` ir "ggc!cssfry caccgts% Egstcfj* thc

gc!cssfry caccgts frc s"!!eg!t fgj f#c scgsc%

.hcgc;cr yi" frc theg#eg` fbi"t fjjeg` f gc$ kcft"rc ir

caccgt ti yi"r egtcrkf!c* fs# thc "csteig* Jics thc "scr

rcfaay gccj thes+% Frc yi" fjjeg` theg`s bc!f"sc yi" ae#c

ir $fgt thc+

F nijcrg pfrfjix es thft ets senpacrti orcftc oinpacx egtcrkfocs bcofuscets si oinpacx ti senpaeky thcn.


13/44

,% -ccp i;eg` kir$frj

Zhc jcse`g thft yi" !rcftcj es git thc $irajHs

bcst jcse`g yi" "st fa$fys f!!cpt et% _ifa$fys #ccp i;eg` kir$frj ti `ct

sictheg` gc$ c;cry sc!igj%


14/44

> .fys ti

Epri;c /i"r .cb

Zypi`rfphy


15/44

,% Sgjcrstfgj thc :fse!s ik

Zypi`rfphy

Zhc :fse!s ik Zypi`rfphy frc epirtfgt kir faa jcse`gcrs*

$hcthcr ir git thcy frc jcse`geg` kir thc $cb%


16/44

Zypi`rfpheo _ofac

Zi !rcftc fg ckkc!te;c typi`rfphe! s!fac* thc bcst cthij E

hf;c ki"gj es ti "sc thc "get ik sec cfs"rccgt c*

fs et scts thc sec rcafte;c ti thc bfsc ik f `e;cg ji!"cgt%Eg thc c


17/44

[crteofa Rhythn

Zhc ;crte!fa rhyth ik aegc spf!eg` thft pri;ejcs thc

iptefa spf!eg` kir thc cyc ti kiaai$% Zi !rcftc thes rhyth

et es bcst ti kiaai$ f bfscaegc `rej% 6ri y c


18/44


19/44

:cai$ es f stfgjfrj ;crte!fa rhyth thft E "sc ig fgy ik

y $cbsetcs b"eat ig thc > `rej systc% Zi f!hec;c

;crte!fa rhyth fppripreftcay* c;cry pfrf`rfph shi"aj hf;c

f fr`eg ir pfjjeg` bcai$ c"e;facgt ti thc stfgjfrj

bfscaegc `rej aegcKhce`ht%

bijy D

kigtKsec4 ,2p


20/44

2% Jcse`g eg thc :ri$scr

Fs ist jcse`gcrs fgj jc;caipcrs #gi$* $cbsetcs rcgjcr

jekkcrcgtay eg jekkcrcgt bri$scrs% Zhes es cspc!efaay tr"c $eth

rcgjcreg` kigts% :cai$ es f !ipfresig ik hi$ ke;c pip"afr

bri$scrs rcgjcr thc sfc tc


21/44

8% Ssc O__8Hs kigtKkf!c )"ac kir

.cb 6igt Cbcjjeg`

9gc ik thc ist c


22/44

Nf#c thc kigtKkf!c Jc!afrfteig?s0

Lkigt-kfoc {kigt-kfneay4 "Fgevcs"=

s!4 a#"Fgevcs.cit"$=

}Lkigt-kfoc {kigt-kfneay4 "Fgevcs"=

s!4 a#"Fgevcs.itk"$=

}

sc thc !igt

bijy {kigt-kfneay4 Fgevcs% "&cavcte!f 'cc"%

&cavcte!f% Fefa% sfgs-scek=}


23/44

5% 6egj Egsperfteig fgj Gc;cr _tip

Zypi`rfphy ig thc $cb es eg ets egkfg!y $hcg !ipfrcj ti

typi`rfphy eg pregt* brifj!fst* fgj kea% .ft!h ithcr

kirs ik cjef kir eg;cgte;c typi`rfphy "sf`c% Zhc gc


24/44

2 Oiai"r Zeps kir

.cb \ris


25/44


26/44

2% F;iej pfttcrgs bchegj tc


27/44

8% Aeg#s

E keray bcaec;c thft aeg#s shi"aj bc !iai"rcj ba"c* afr`cay

bc!f"sc thc $cb's ist pip"afr $cbsetcs type!faay "sc

ba"c ?@ii`ac* /fhii* ::O* Gc$ /ir# Zecs* c:fy* ct!0%

.hy rceg;cgt thc $hcca+


28/44

5% Oae!#cj aeg#s

Zhc ;fst f&irety ik $cbsetcs !hfg`c thc !iai"r ik f ;esetcj

aeg# ti hcap "scrs gf;e`ftc% _i shi"aj yi"% Nfriig es f

!iig !hie!c kir !ae!#cj aeg#s% F;iej fppayeg` thcsc

sctteg`s ti yi"r prefry gf;e`fteig%


29/44

=% Aeet yi"r !iai"r !hie!cs

Zhc !igscgs"s ipegeig $eth rc`frjs ti !iai"r fgj $cb

jcse`g sccs ti bc igc ik (thc kc$cr thc bcttcr'% Ssc

!iai"r spfreg`ay ek yi" $fgt et ti `rfb thc cyc% Oiai"r !fg

bc pcrs"fse;c* b"t git ek et es aist fig` f rfegbi$%


30/44

>% _hfjcs

Nfgy $cbsetcs "sc f bacgj ik gc"trfa !iai"rs fgj f rfg`c

ik shfjcs ik thcer feg !iai"r !hie!c3s% Zhes es cfsecr ig

thc cyc thfg tryeg` ti $ir# $eth "atepac prefry !iai"rs%

E' !"rrcgtay f be` kfg ik `rcy% Gitc thft sic pcipac

str"``ac ti pe!# i"t jekkcreg` shfjcs ik ba"c%


31/44

7% Fjj 8 irc $hetc spf!c

:y spf!eg` i"t !igtcgt "gets fgj bai!#s ik !iai"r yi"'aa

hcap `"ejc thc cyc ti #cy frcfs% E'j $f`cr thft ae`htayK

!iai"rcj afgjeg` pf`cs $eth igc bre`htay !iai"rcj (b"y

gi$' b"ttig $eaa !ig;crt bcttcr thfg f pf`c kcft"reg` f

css ik !iai"r% Nf#c thft b"ttig stfgj i"tI @i ig* try et


32/44

8. Bc wcb sfkc

Nf!s fgj \Os bith rcgjcr !iai"rs jekkcrcgtay* fs ji

bri$scrs% /i" shi"aj "sc ($cb sfrt' !iai"rs ti egeesc

ess"cs%


33/44

5. Oafsheg` oiairs

Gibijy $fgts ti rcfj `rccg tc


34/44

,% :rfgjeg`

Nf#c s"rc yi" !igsejcr brfgj `"ejcaegcs fgj "sc

ft!heg` ir !ipaccgtfry !iai"rs thri"`hi"t yi"r

$cbsetc%


35/44

6c$ irc4

,,% Zf#c c


36/44

,>% F;iej ka"ircs!cgt !rfegcss%

,7% )ccbcr thc riac ik ef`cs%

,L% @ieg` `aibfa+

,% Jci`rfphe!s%

2% Jics et ket+


37/44

!cw "#fnpacs


38/44

6c$ C


39/44


40/44


41/44


42/44


43/44


44/44

FJNCO N"atecjef Egstet"tc

$$$%fjc!egjef%!i%eg

Ofaa "s4 V,KL,,KL,L,K22* V,K,,K7L28K=
http://www.admecindia.co.in/http://www.admecindia.co.in/

Typography and Colors for GUI Designers

Documents

Transcript of Typography and Colors for GUI Designers