タグ

レイアウトに関するKototy25のブックマーク (7)

  • これを読むと確かなデザイン力が身につく! 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック

    控えめに言って、これはかなりお勧めのデザイン書です! レイアウト・文字・配色・イラスト・画像など、デザインの原則から応用テクニックまでていねいに分かりやすく解説されており、しかも全ページが非常に美しくレイアウトされています。 書名でパワーポイントと聞いて、関係ないかな、と思った人は大間違い。私も最初は興味があまりなかったのですが、中を見てみたら、間違いに気がつきました。書は「伝わるビジュアル」づくりを身につけられるデザイン書、ノンデザイナーから中堅デザイナーにお勧めします! 書はC96の『PowerPoint Re-Master』を継承しつつ、ゼロから再構成された新刊書。全文がリライトされ、解説も大幅に増強、「誰もがビジュアル-コミュニケーション-デザインができる」世界を目指し、ノンデザイナーが「伝わる」デザインを学べる解説書です。 全ページが非常にかっこよく美しくデザインされているの

    これを読むと確かなデザイン力が身につく! 「伝わる」デザインを学べるノンデザイナー向け良書 -パワーポイント・デザインブック
  • デザインインプットのモチベーションを高めてくれる誌面たち 13選|Sayoko Nishimura

    皆さん、どのようにしてデザインの勉強をしていますか? デザイナー歴が長くなればなるほど、こういった質問をする機会もなくなってきて悲しいのですが笑、私にとってもいまだに興味のある話題でして、いろんなデザイナーさんとお話する機会があれば取り上げたいことのひとつです。 ここで言う「デザイン」とは、表面上に見える装飾などのヴィジュアルデザインに限りますが、私の場合は普段から出来ることとして、ずっと好きで自然と続けられている「雑誌やの誌面のデザインを見ること」がひとつとして挙げられます。 業界に入ったばかりの頃はお金もなかったので、それと、あとはひたすら作りまくる(=自主制作)、ということを繰り返してきた気がします。 Webのデザインを勉強するのに、オンライン上でWebサイトのデザインを見るのは、流行のデザインやインタラクションを把握するのにとても重要ですが、それ以外に、雑誌などの誌面のデザインを

    デザインインプットのモチベーションを高めてくれる誌面たち 13選|Sayoko Nishimura
  • Webのページレイアウトやコンポーネントのレスポンシブ対応のさまざまなアイデア集 -Responsive Patterns

    29種類のレイアウト、30種類のナビゲーション、画像・動画・地図・テーブル・フォーム・タブ・カルーセルなど、Webページで使用するさまざまなレイアウトやコンポーネントのレスポンシブ対応のパターンをまとめたサイトを紹介します。 デザイン的なアイデアにしてもよし、HTML/CSSの参考にしてもよし、です!

    Webのページレイアウトやコンポーネントのレスポンシブ対応のさまざまなアイデア集 -Responsive Patterns
  • デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ - コムテブログ

    TL;DR 先日名刺の入稿用データを作成していたのですが、印刷物用のデザインは慣れていなかったので結構時間がかかってしまいました。Web 関係の知識だけでは、綺麗な制作物は出来ないと思い、総合的なデザインができるようにデザインの基礎を勉強。今回は Web 関係者も知っておきたい、タイポグラフィやフォントに関する知識をまとめました。また使う機会があるかもしれないので、メモしておきます。 レイアウト 視覚的に明快で上手に配置されたものは読者に好まれます。そういったレイアウトを作るために、余白の使い方や文字や画像配置などの知識をおさらいします。 1.アクティブ・ホワイトスペース 小さなテキストを広い余白に配置すると存在感が増し、視線の滞在時間が長くなります。余白は一見無駄のように見えますが、意図的に配置されていることが多いです。 余白の美 空白により読者のコンテンツの読み進めを制御することができ

    デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ - コムテブログ
  • Webデザインに黄金比や白銀比を取り入れる方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。デザイナーの白浜です。 人が見て美しいとデザインとされる黄金比や白銀比。なんとなく知っているものの、作り方や使い方がよくわからないという人もいますよね。 今回は黄金比や白銀比の考え方についてわかりやすく解説するとともに、Webデザインのレイアウトや画像制作に黄金比や白銀比を取り入れる方法・お役立ちツールをご紹介します。 良かったら参考にしてみてください。 (編集部注:2013年12月16日に公開された記事を再編集したものです。) 黄金比・白銀比って? 黄金比・白銀比は、古くからある人が見て美しいと言われる調和的な比率のこと。デザインに黄金比や白銀比を使用することで、言葉で言い表せない芸術的な美しさを加えることができます。 まずは黄金比・白銀比がどういうものなのか、基の考え方についてみていきましょう。 黄金比の比率と作り方 コトバンクによると、黄金比(Golden ratio)

    Webデザインに黄金比や白銀比を取り入れる方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン

    研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • 1