タグ

B.構図と1枚絵とN:サイトデザインに関するtomisyuraのブックマーク (5)

  • これだけ守れば見やすくなるデザインの基礎

    2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か?デザイナーは何を考えてデザインを作っているのか? という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co

    これだけ守れば見やすくなるデザインの基礎
    tomisyura
    tomisyura 2019/04/19
    “デザインとは「優先順位付け」による認知負荷の軽減/認知可能数は4〜6/仲間は同じ見た目(形・色・配置・動き・列・隣接)に揃え、異物は変える/四隅の色は選ばない。まずメインとアクセントの二色を選ぶ”
  • シンプルなのに効果的!美しい背景画像を作成するテクニックのまとめ

    背景はデザインにおいて、非常に重要な要素です。 ビジュアルの土台となり、他の要素がどのように見えるか決定する要因となります。 要素を引き立たせる美しい背景画像を作成するシンプルなテクニックを5つ紹介します。 5 Simple Tools to Create Beautiful Backgrounds 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 不透明度を調整したカラーオーバーレイを使用する ぼやけた背景と対になるアイコンを使用する コピースペースと共にイメージを使用する モノクロの背景にネオンカラーのテキストを使用する 形をテキストホルダーとして使用する 不透明度を調整したカラーオーバーレイを使用する 背景となる写真画像にカラーオーバーレイを加えることで、デザインの印象を引き起こします。デザインする時のポイントは、まずは画像は彩度

    シンプルなのに効果的!美しい背景画像を作成するテクニックのまとめ
    tomisyura
    tomisyura 2015/08/15
    ■彩度のスライダーを左にズラしてオーバーレイ、不透明度を調整 ■ガウスぼかしのあとソリッドなアイコン ■モノクロにしてネオンカラー(カラーホイールの縁にある) ■テキストホルダーとしての形
  • 【装丁】 川谷デザイン

    【デザイナーINDEX】 ■川谷デザイン ●代表:川谷康久 ●仕事先 :集英社,講談社,小学館,他多数 ●レーベル:マーガレット系,Cocohana,りぼん,等 ●雑誌デザイン:別冊マーガレット,Cocohana,B’s-LOG COMIC ●リンク :サイト|twitter ●記事作成:2013/07/21 ●画像下に▲マークが付いている作品は、 画像の上にポインタを乗せると別画像に切り替わります。 陰気な見た目で「貞子」と怖がられる少女が、人との出会いで友情に恋に、その輪を広げていく今の少女漫画スタンダード『君に届け』(集英社)。カバーはとてもシンプルで、2人、多くても3人のバストアップイラスト、そして中央の縦ライン下には丸で囲まれた4文字のタイトルがキラキラと共に控えめに配置されています。構成がシンプルが故に純でストレートな少女漫画の雰囲気を纏っているこのカバーは、作品の実直さと

    【装丁】 川谷デザイン
    tomisyura
    tomisyura 2014/05/25
    "タイトルロゴは通巻で形を統一しながら、コロコロ変わる背景パターンに合わせて切り出し方が変えられていて、移ろう女心のように賑やかなカバー郡としてまとまっています"
  • » 佐藤可士和氏のGU新ロゴ Toshi Omagari

    思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します(どういう動機だ!) 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像

    tomisyura
    tomisyura 2013/03/14
    ■"縦線と横線は同じ幅でも横線のほうが太く見えてしまうので細くする" ■"同様に、曲線と直線では曲線を太めに" ■"真円は菱形に映るので四隅を膨らませる。Gは円形としては広い" ■"直角と曲線の連結部は緩める"
  • ガーリー素材

    ガーリー素材はイラスト素材の無料配布サイトです。 利用規約やサイトについての詳細はこちらのページをご覧ください。

    ガーリー素材
  • 1