デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
デザインのこつが分かる！確実に身につけておきたいプロ直伝の50のデザインテクニック -Pro Design Tips
またまた「見出しを示す罫線」を取り上げてみます。 こちらをご覧ください（↓） （↑）こちらも工藤強勝氏によるデザイン。 『紙の大百科』（美術出版社）の116ページより 引用させていただきました。 ただこちらでは分かりづらいので、 これから説明したい箇所を拡大してみます（↓） （↑）こんな感じ。 見出しやリードの横に表罫（→用語解説） が用いられてることにより、 静かな緊張感と知性的な印象が与えられています。 縦線も横線も、文字の幅より長いですが、 これにより空間の広がりが暗示されています。 空間の広がりを暗示と書きましたが、 じゃあ、罫線と文字の幅が同じだと どうなるでしょうか……？ （↑）こんな感じ。 全体から動きがなくなり、 おとなしくまとまりすぎてしまうと思います。 では、また別の作例を検証してみます（↓） （↑）こちら。文字と罫線の間に空間を設けた例です。 不自然な空間が緊張感を無
TextAliveを使ってみる TextAliveは2015年9月8日よりブラウザ上で試せるウェブサービスとして一般公開しています。Google Chrome, Microsoft Edgeなど最新のブラウザでアクセスしてみてください。 研究の概要 Kinetic Typographyは、文字を動かして見せることで意味をより深く伝えられる手法として、楽曲のプロモーションなどの動画で頻繁に利用されている。しかし、歌詞を楽曲と同期してアニメーションさせる動画を制作するためには、まず、動画制作ツールの使い方に慣れる必要があった。さらに、歌詞を文字ごとに時刻同期させて動きを手付けするため、多くの手間がかかっていた。 TextAliveは、ウェブ上に公開されている楽曲と歌詞の時間的対応付けを自動で推定し、Kinetic Typographyを用いた動画を自動生成する。したがって、事前にツールの使い方
クオートワークスのブログ 東京のWeb制作会社 株式会社クオートワークスのブログです。ここではWeb制作におけるノウハウやナレッジ、ビジネスに関する覚書などまとめて発信しております。 quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね！みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のような完成図をイメージされることが多いのではないのでしょ
In this tutorial we will show you how to explore the creative possibilities of typography with code. Using the programming environment Processing, we will be going through a wide variety of techniques and algorithms. These code examples all have one thing in common: they start with type. But while they all use typographic base forms as a starting point, they subsequently move into very different c
ELIXIR NEW LOTION & EMULSION Brand Design 約40年間、常に進化し続けてきた 科学と情感を形に
TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 １．アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ
タイポグラフィの歴史を5分でダッと説明するストップモーションアニメ（上）が超クールと海外で注目を集めています。 製作したのはカナダのマクマスター大学でマルチメディアを専攻するベン・バレット=フォレスト（Ben Barrett-Forrest）さん（23）。3年目のアニメーション科目の課題でショートアニメを作れと言われて始めたら、ついつい凝ってしまったのだそう。 出身地ユーコンの地方紙はこう紹介してますよ。 ｢たぶん15～20時間もかければ合格だったと思います。それが始めたらとてもそんな時間じゃ終わらない、課題よりずっと手間かかるってすぐに気づいて。でも、それでもいいやって思ったんです｣ 結局バレット=フォレスト君は2ヶ月暗い部屋に篭って500ワットの電球で照らしてる熱い中、ダンボールくり貫いて作った292個の文字を並べて2500枚の静止画像を撮影し、そこからストップモーションビデオをつくっ
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
カイシトモヤ @room_composite 「タイポグラフィー・ガール」 私の名前は版久美子。好きな書体は中ゴシックBBB。嫌いな書体は新ゴB。 ジリリリリリリリ、、、、、やだ！もうこんな字間！、じゃなかった、時間！！あと少しでホームルームが始まる。急いで制服に着替え、トーストをかじったまま家を飛び出した。 2011-02-16 23:24:00 カイシトモヤ @room_composite イタリック体のような軽やかさで学校へと走る。 タテ組からヨコ組へ。直角の曲がり角を全速力で駆け抜けようとしたその時、、、ドンッ！！！凸版でプレスされたような衝撃が私の体に走った。 誰かにぶつかったらしい。ついヒステリックになって怒鳴ってしまった。「どこ見て歩いてんのよ！」 2011-02-16 23:25:56 カイシトモヤ @room_composite 「タイポグラフィー・ガール」第2話 「そっ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く