À¥À» ÅëÇØ »õ·Î¿î âÁ¶¸¦ ²Þ²Ù´Â Àΰ£ - kimdirector
kimdirector is Creative Web & Mobile UI/UX Planner and Designer
WEBDESK
Recommend Site
HOME ¡µ WEBDESK ¡µ Recommend Site
¾ÆÀÌÄÜ ÆùÆ®, ¹«·á Á¦ÀÛ ¼­ºñ½º Glyphter·Î ½±°Ô, ÀÚÀ¯·Ó°Ô Ȱ¿ëÇÏ´Â ¹ý
Posted by kimdirector | 2015.04.30 | Hit : 3157
¾ÆÀÌÄÜ ¹«·á ¼­ºñ½º ÆùÆ®
¸ñ·Ïº¸±âÀÌÀüº¸±â
¿ëµµ³ª ¸ñÀû¿¡ ¸Â°Ô ¿Ï¼ºµÈ ¾ÆÀÌÄÜ ÆùÆ®µµ ³ª¸§´ë·Î À¯¿ëÇÏÁö¸¸, ÀÛ¾÷ÀÚ°¡ ½Ç¹«¿¡¼­ È¿À²¼ºÀÌ ³ôÀÏ ¼ö ÀÖµµ·Ï »ç¿ëÀÚÈ­µÇ°í ÃÖÀûÈ­µÈ ¾ÆÀÌÄÜ ÆùÆ®¸¦ Ȱ¿ëÇÒ ¼ö ÀÖ´Ù¸é ¸Å¿ì À¯ÀÍÇÑ ÀÏÀÌ ¾Æ´Ò ¼ö ¾ø´Ù.




ÇØ¿Ü¿¡¼­ ½´ÆÛ »çÀÌÆ® Á¦ÀÛ¿¡ À¯¿ëÇÑ ¸®¼Ò½º Áß Çϳª·Î ¼±Á¤µÈ ‘±Û¸³ÅÍ(Glyphter)’ ¼­ºñ½º´Â »ç¿ëÀÚ°¡ Ä¿½ºÅ͸¶ÀÌ¡ÇÑ ¾ÆÀÌÄÜ ÆùÆ®¸¦ ¸¸µé°í °ü¸®ÇÒ ¼ö ÀÖ´Â ¹«·á À¥ ¸®¼Ò½º ¼­ºñ½ºÀÌ´Ù.

¿ìÃøÀÇ °³º°ÀûÀ¸·Î ¶óÀ̼¾½º°¡ ¸í½ÃµÈ 16Á¾ÀÇ ´Ù¾çÇÑ ¾ÆÀÌÄÜ ¼¼Æ®¿¡¼­ ÃßÃâÇÑ ¾ÆÀÌÄÜÀ» ±â¹ÝÀ¸·Î ÁÂÃøÀÇ ±×¸®µå ÇüÅÂÀÇ ¹®ÀÚÆÇ¿¡ ¹èÄ¡Çϰí ÀúÀåÇÏ¿© ÀڽŸ¸ÀÇ ¾ÆÀÌÄÜ ÆùÆ®¸¦ ¸¸µé¾î Ȱ¿ëÇÒ ¼ö ÀÖ´Ù. ¶ÇÇÑ ¹®ÀÚÆÇÀÇ ºó ¿µ¿ªÀ» Ŭ¸¯ÇÏ¸é »ç¿ëÀÚ°¡ ¾îµµºñ ÀÏ·¯½ºÆ®·¹ÀÌÅͳª, Inkscape, Sketch µî º¤ÅÍ ±×·¡ÇÈ ¼ÒÇÁÆ®¿þ¾î¸¦ ÅëÇØ¼­ °³º° Á¦ÀÛÇÑ ¾ÆÀÌÄÜÀ» svg ÆÄÀÏ·Î ³»º¸³»±â ÇÑ ÈÄ Ãß°¡ÇÒ ¼öµµ ÀÖ´Ù.

Á÷°üÀûÀÎ ÀÎÅÍÆäÀ̽º·Î ±¸¼ºµÈ À¥ ¼­ºñ½º·Î ´©±¸³ª ½±°Ô »ç¿ëÇÒ ¼ö ÀÖÀ¸¸ç, ¼³Á¤ âÀ» ÅëÇØ Ãâ·Â ±Û²Ã(Á¤·Ä µî)ÀÇ ÀϹÝÀûÀÎ ¸ð¾çÀ» º¯°æÇÏ´Â ¿É¼ÇÀ» Á¦°øÇϴµ¥ ½´ÆÛ À¯Àú ¼³Á¤ÀÌ´Ù. ±×¸®°í À¥¿¡¼­ »ç¿ëÇϱâ À§ÇØ Å¬·¡½º Á¢µÎ»ç¸¦ º¯°æÇÒ ¼ö ÀÖ´Ù. °èÁ¤ °³¼³ ÈÄ ·Î±×ÀÎÇÏ¸é °³º° ÇÁ·ÎÁ§Æ®¸¦ Ãß°¡.»èÁ¦ÇÏ°í °ü¸®ÇÒ ¼ö ÀÖ´Ù.




 
¹®ÀÚÆÇ¿¡ µî·ÏÇÑ ¾ÆÀÌÄÜÀ» Ŭ¸¯Çϸé ÁÂÃø¿¡ ‘Glyph Editor’ âÀ» ÅëÇØ pathÀÇ È¸Àü »óÇÏ, ÁÂ¿ì µÚÁý±â, È®´ë.Ãà¼Ò µîµî ÆíÁýµµ °¡´ÉÇÏ´Ù.

´Ù¿î·ÎµåÇÑ ±Û¸³ÅÍ ¾ÆÀÌÄÜ ÆùÆ® ¾ÐÃàÆÄÀÏÀ» ÇØÁ¦Çϸé css,fonts 2°³ÀÇ Æú´õ·Î ±¸¼ºµÇ¾î ÀÖ½À´Ï´Ù. css Æú´õ´Â Glyphter.css ÆÄÀÏÀ», fonts Æú´õ´Â Glyphter.svg¸¦ Æ÷ÇÔÇØ ttf, eof, woff µî 3Á¾ÀÇ ÆùÆ® ÆÄÀÏ Æ÷¸ËÀ» Á¦°øÇÑ´Ù.


Glyphter ¼­ºñ½º·Î »ç¿ëÀÚÈ­µÈ ¾ÆÀÌÄÜ ÆùÆ® ÄÝ·º¼ÇÀ» ±¸¼ºÇØ ³õÀ¸¸é À¥ ÆÛºí¸®¼Å, µðÀÚÀ̳ʴ ÀڽŸ¸ÀÇ Å©¸®¿¡ÀÌÆ¼ºê ÀÛ¾÷¿¡ À¯¿ëÇÏ°Ô È°¿ëÇÒ ¼ö ÀÖÀ» °ÍÀÌ´Ù.
 
Posted by kimdirector | 2015.04.30 | Hit : 3157
LINK http://www.designlog.org/2512519
Tags ¾ÆÀÌÄÜ ¹«·á ¼­ºñ½º ÆùÆ®
Trackback http://www.kimdirector.co.kr/bbs/zerotb.php?id=favorites&no=137

COMMENT
¸ñ·Ïº¸±âÀÌÀüº¸±â

WEBDESK
Webdesign Report
Web Plan Report
Inspiration
Web Development
Recommend Site
Insight Story
Popular Contents
Category Cloud
About us   Review Portfolio Design Review Leaders Story Mobile Work IT Information Web Identity Work Everyday Mobile Life Webdesign Web Development Homepage Work Web Plan Report Practical Use Tip Inspiration Download Recommend Site  ETC. Work  Artwork  Typography Work
Tags
µðÀÚÀÎ ÄÚµù Á¢±Ù¼º WML °¡Ä¡ Pixel Ruler Ÿ°Ù °³¹ßÀÚ Ä÷¯ ÀÚ¹Ù½ºÅ©¸³Æ® WAP ·Îµå¸Ê ±¸Á÷ ¼³Á¤ »çÁø Ä¿¹Â´ÏÄÉÀÌ¼Ç ¾÷¹«È¿À² Ä«ÇÇ µðÀÚÀÌ³Ê ºù±×·¹ CIP À¥ ¾ÆÀÌÆù ÅÂºí¸´ ÀÏ·¯½ºÆ® ¸ð¹ÙÀÏ µðÀÚÀÎ ¸ÞÀÏÆû ŸÀÌÆ² HTML5 Àڽۨ À¥»çÀÌÆ® Àü¹®°¡ ÀÎÆ÷±×·¡ÇÈ »ö»óȯ Ç÷¡½Ã ÆùÆ® ½ºÅ¸ÀÏ ¾÷¹« À¥Áø ¸ð¹ÙÀÏ
Recommend Tags
µðÀÚÀÎ ¾ÅÅ· ÆÛ½º³Î ºê·£µå »ç¿ëÀÚ °æÇè ¼­ºñ½º µðÀÚÀÎ