こんにちは。新免です。 普段から私たちは沢山の文字を目にする機会があります。 文字は身の回りに溢れており、私たちに様々な情報や 印象を与えてくれます。 文字はただ読み物として情報を伝えるだけではなく、 文字をデザインに落とし込むことで様々な印象を 与えることになります。そのため、デザインをする上で 文字の扱は非常に気をつけなければいけません。 そこで今回は、文字の扱い方で気をつけていることの 基本的な部分をまとめてみようと思います。 フォントの統一 フォントは和文フォントの中に「明朝体」「ゴシック体」、 欧文フォントの中にも「セリフ体」「サンセリフ体」という種類があり、 その中にも様々なフォントがあり、選ぶのに迷ってしまうほどです。 ただし、いろんな種類のフォントがあるからといって、異なるフォントを 多数使ってしまうと、イメージに違和感が出てしまいます。 フォントは作るビジュアルの雰囲気に
タグ
- すべて
- 0001_book_etc (383)
- 0001_itsuka_suru_kamo (65)
- 0001_odekake (130)
- 2ch (41)
- 3d (128)
- DeNA (28)
- FLOSS桜山 (28)
- FlashDevelop (24)
- ImageMagick (29)
- MashupAward4th (58)
- OpenKinect (38)
- OpenSocial (41)
- OpenStreetMap (149)
- aa (52)
- access_statics (51)
- actionscript (79)
- ad (123)
- address (70)
- address_book (24)
- adsense (56)
- affiliate (143)
- agg (68)
- ai (26)
- aichi (26)
- ajax (189)
- algorithm (111)
- alpslab (236)
- alpsmap (27)
- amazon (153)
- ameba (31)
- ameba_now (31)
- android (1042)
- android_application_dev (108)
- animal (77)
- apache (187)
- apache_module_dev (23)
- apple (69)
- aprilfool (67)
- art (228)
- au (47)
- augmented_reality (79)
- authentication (27)
- avatar (38)
- aws (83)
- awstats (31)
- baby (89)
- backbone.js (52)
- backup (95)
- bag (27)
- bank (24)
- bar (38)
- barcode (42)
- beautification (46)
- beautiful_people (66)
- bing_maps (38)
- blog (549)
- blog_analysis (37)
- blogparts (76)
- book (730)
- bookmark (71)
- bookmarklet (43)
- boost (39)
- boyslove (27)
- brightkite (28)
- browser (63)
- business (530)
- buzz (59)
- buzzsongs (983)
- buzzword (31)
- bycycle (42)
- c (127)
- c++ (204)
- c_lib (24)
- cafe (60)
- cairo (78)
- calendar (80)
- camera (49)
- captcha (26)
- car (107)
- car_navigation (64)
- carwings (27)
- cat (213)
- character (314)
- charset (98)
- chatbot (76)
- cheatsheet (25)
- child (293)
- china (93)
- chumby (49)
- closing (118)
- cm (38)
- coding_standard (30)
- color (67)
- comic (317)
- communication (152)
- company (206)
- consciousness (272)
- cookpad (64)
- copyright (144)
- coupon (23)
- crime (229)
- css (289)
- culture (184)
- cute (30)
- cyberagent (29)
- cygwin (46)
- darts (65)
- dbms (66)
- debian (318)
- debian_lenny (26)
- debug (78)
- design (195)
- developmental_disorder (233)
- dictionary (33)
- docomo (110)
- dog (38)
- domain (52)
- dq (93)
- dq9 (40)
- dropbox (82)
- dtm (24)
- ebook (189)
- eclipse (110)
- eclipse_cdt (30)
- education (206)
- emonyu (23)
- english (233)
- ero (48)
- event (35)
- evernote (42)
- exif (70)
- facebook (234)
- fashion (603)
- favotter (31)
- feed (355)
- firefox (119)
- firefox_extension (71)
- fitbit_activity_tracker (55)
- fitbit_api (44)
- flash (444)
- flash_lib (34)
- flex (54)
- flickr (74)
- flv (26)
- fon (55)
- font (357)
- food (447)
- fool (25)
- football (35)
- foss4g (24)
- foursquare (289)
- freebsd (31)
- friendfeed (33)
- full_text_search (41)
- furniture (63)
- fuzz (138)
- game (646)
- generator (43)
- geocoding (111)
- geolocation (27)
- geomedia_summit (311)
- geometry (52)
- georss (33)
- geotag (36)
- gifu (51)
- girl (23)
- gis (1454)
- gis_data (26)
- git (143)
- github (35)
- gmail (100)
- goo (45)
- google (571)
- google_analytics (29)
- google_app_engine (34)
- google_apps (30)
- google_chrome (54)
- google_earth (78)
- google_maps (261)
- google_maps_api (216)
- google_maps_api_mash_up (35)
- google_plus (27)
- google_reader (34)
- goolab (69)
- gourmet (71)
- gov (763)
- gpl (25)
- gps (203)
- graphics (213)
- groupon (35)
- guitar (78)
- hadoop (25)
- hairstyle (26)
- hardware (249)
- hatena (358)
- hatena_bookmark (263)
- hatena_diary (42)
- hatenamono (30)
- hdd (70)
- health (520)
- hige (28)
- homebrew (24)
- hotpepper (26)
- house (378)
- html (113)
- html5 (89)
- html_canvas (40)
- http (52)
- iPad (133)
- iPhone (1210)
- iPhone_application_dev (141)
- icon (73)
- ide (26)
- ie (117)
- image (64)
- image_server (28)
- imageprocessing (25)
- ime (29)
- indoor_maps (51)
- instagram (47)
- interior (159)
- internet (47)
- interview (93)
- ios (148)
- iphone_site (86)
- ipod (41)
- it (136)
- itext (24)
- itunes (67)
- java (1213)
- java_lib (79)
- javascript (850)
- javascript_lib (71)
- jobchange (96)
- jojo (105)
- joke (579)
- joy (174)
- jpeg (37)
- jquery (157)
- json (106)
- karaoke (40)
- kasugai (99)
- keyboard (25)
- kinect (46)
- kinect_hacks (43)
- kml (62)
- kof2008 (38)
- komaki (58)
- kyoto (48)
- lab (35)
- latlonglab (127)
- law (80)
- leather (38)
- lego_mindstorms (30)
- lib (650)
- library (89)
- license (50)
- life (741)
- life_security (35)
- line (43)
- linux (275)
- linux_raid (38)
- liquor (45)
- livedoor (67)
- locapoint (28)
- location (319)
- location_data (42)
- loctouch (84)
- logo (34)
- love (1150)
- mac_os_x (330)
- macbook_air (27)
- magazine (102)
- mail (160)
- mail_magazine (35)
- mailing_list (65)
- map (526)
- mapfan (37)
- mapion (213)
- mapionlabs (52)
- marketing (85)
- marriage (76)
- master_boot_record (26)
- material (218)
- maternity (60)
- math (121)
- media (68)
- megane (52)
- messenger (31)
- microsoft (79)
- miniblog (135)
- misawahome (48)
- mixi (173)
- mixi_appli (30)
- mobile (545)
- mobile_gis (25)
- mobile_gps (74)
- mobile_mail (45)
- mobile_map_service (92)
- mobile_site (213)
- moleskine (48)
- money (244)
- motorola_xoom (65)
- movabletype (91)
- movie (813)
- mozilla (96)
- mp3 (37)
- music (676)
- music_score (49)
- my_goods (42)
- mysql (291)
- nabaztag (123)
- nagoya (857)
- nagoya_prime_central (29)
- nagoyarubykaigi01 (32)
- naming (38)
- natural_disaster_20110311 (407)
- natural_language_processing (96)
- naver (29)
- network (127)
- news (173)
- nhk (47)
- nicovideo (53)
- nilab (505)
- nilab_ego (243)
- nintendods (47)
- node.js (91)
- notepc (26)
- novel (32)
- oauth (83)
- obii (39)
- objective_c (31)
- oosu (35)
- opengl (28)
- openid (39)
- opensource (135)
- oracle (42)
- oscnagoya2010 (32)
- p2p (27)
- papervision3d (86)
- papervision3d_demo (55)
- papervision3d_sample (89)
- parser (24)
- password (38)
- patent (60)
- pc (37)
- pdf (137)
- performance_tuning (103)
- perl (283)
- person (39)
- photo (521)
- php (200)
- piano (24)
- pictgram (50)
- placeengine (69)
- png (30)
- poken (80)
- prawn (32)
- presentation (117)
- privacy (48)
- proatlas (44)
- profile (34)
- programmer (101)
- programming (425)
- programming_language (37)
- psp (31)
- pupe (49)
- puppetmuppet (31)
- pure_diary (35)
- python (58)
- q_and_a (40)
- qrcode (44)
- rakuten (141)
- ramen (51)
- ranking (74)
- react.js (33)
- reading (230)
- recipe (89)
- recommendation (50)
- recruit (26)
- reference (55)
- restaurant (488)
- robot (51)
- route (39)
- ruby (704)
- ruby_lib (48)
- rubyonrails (27)
- sbm (54)
- science (66)
- search (517)
- second_life (27)
- security (1026)
- seo (188)
- server (37)
- sex (70)
- shape_up (73)
- silverlight (27)
- sitemaps (24)
- slideshow (25)
- smartphone_website_design (24)
- sns (295)
- social_network (24)
- softbank_mobile (73)
- software_test (61)
- solr (32)
- sound (54)
- spam (54)
- spec (35)
- sports (57)
- ssh (28)
- station (48)
- stationery (60)
- story (46)
- streetview (195)
- study_session (704)
- subversion (70)
- svg (197)
- svgmap (28)
- sweet (80)
- swift (63)
- tabelog (39)
- tdiary (65)
- tdiary_plugin (33)
- teacher (77)
- technology (53)
- text2speech (77)
- text_editor (40)
- thinkpad (31)
- thunderbird (48)
- timelog (143)
- titanium_mobile (94)
- todo_list (58)
- tomcat (77)
- tool (638)
- toy (69)
- train (73)
- translation (41)
- travel (120)
- tv (536)
- twitpic (45)
- twitter (1981)
- twitter4j (59)
- twitter_poll (25)
- ui (192)
- unicode (72)
- unix (55)
- url (40)
- url_shortener (75)
- usability (24)
- useragent (50)
- vCard (25)
- vaio_type_p (77)
- vim (53)
- wcan (53)
- weather (154)
- web (281)
- web2.0 (41)
- web_comic (112)
- web_map_service (785)
- webapi (752)
- webgl (53)
- wedding (42)
- whitetiger (275)
- wifi (32)
- wii (64)
- wiki (36)
- windows (303)
- windows7 (28)
- windowsxp (34)
- winny (143)
- wirelesslan (28)
- withings_wifi_body_scale (36)
- wordpress (32)
- work (609)
- xerces_c (25)
- xml (124)
- yahoo (494)
- yahoo_auction (41)
- yahoo_maps (120)
- yahoo_maps_api (172)
- yahoo_messenger (40)
- youtube (115)
- zenrin (89)
- 企業悪事 (45)
- 位置ゲー (55)
- 円頓寺 (33)
- 出会い系 (33)
- 印刷 (48)
- 古地図 (52)
- 名刺 (82)
- 名古屋駅 (244)
- 国土地理院 (28)
- 国際センター駅 (24)
- 地下街地図 (24)
- 年賀状 (57)
- 建築 (29)
- 形態素解析 (33)
- 手帳 (35)
- 東山公園駅 (48)
- 栄駅 (81)
- 測地系 (24)
- 略地図 (73)
- 禁煙 (46)
- 笑 (251)
- 筋トレ (42)
- 起業 (26)
- 通り名 (36)
- 雑貨 (40)
- 雑貨屋 (28)
- 顔認識 (40)
- twitter (1981)
- gis (1454)
- java (1213)
- iPhone (1210)
- love (1150)
- android (1042)
- security (1026)
- buzzsongs (983)
- nagoya (857)
- javascript (850)
ブックマーク / designblog.ecstudio.jp (3)
-
nilab 2012/07/18
タイポグラフィの基礎 – 文字の扱いで印象が変わる - - EC studio デザインブログリンク -
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
-
HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ
間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
nilab 2010/04/12
HTML5だけでiPhoneアプリをつくる:「しかしこのアプリケーションキャッシュがくせ者らしく、これを開発段階で実装してしまうと修正後の確認などが困難になるようです。（修正しても反映されない、など）」 -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx