カトウヒカル@バナーデザインのきほん著者 @design_hikaru ［デザインが苦手なあなたへ］ デザインの四大原則で、あなたの制作物はもっ〜と良くなる。 ➀近接 → 仲間ごとにグルーピング ➁整列 → 透明な線に揃える ➂強弱 → メリハリを付ける ➃反復 → 見やすい統一感 デザインで迷子になったら四大原則を思い出して、基本に立ち戻ろう！！ pic.twitter.com/VMQbAVdeiT
本サイトの記事は、「動画」に「デザイナーの現場感」を加えて、書籍以上のものを目指して書かれたものです。原則、初心者向けに書かれていますが、最新の機能も必ずいれるようにしていますので、中級者以上にも満足していただけると思います。 Illustrator（イラストレーター）は機能を覚えるというよりも、まずは作りたいものを作ってみるという覚え方が一番効率が良いです。 illustratorでできること ロゴ、アイコン、イラスト、文字組みなどを利用して雑誌の紙面やフライヤー、ポスターなどの平面のデザインをつくることを得意としたソフトです。 一方、よく比較されるPhotoshop（フォトショップ）は写真の加工や合成、色調整など、画像を扱ったデザインを得意とするソフトです。 illustratorとPhotoshopの違いはこちらから
アワード受賞歴 グッドデザイン賞 ウッドデザイン賞 iF DESIGN AWARD(iFデザイン賞) red dot design award(レッドドットデザイン賞) キッズデザイン賞 IAUDアウォード JIDAデザインミュージアムセレクション FIRA(Furniture Industry Research Association) German Design Award(ドイツデザイン賞) IDEA Award(IDEAデザイン賞) universal design award recommended: UNIVERSAL DESIGN UNIVERSAL DESIGN COMPETITION Good Design Awards(シカゴ・グッドデザイン賞) Baden-Wurttemberg International Design Award(バーデン・ヴュルテンベルク州国際デ
iPhoneをデザインしたAppleのデザイナー、ジョナサン・アイブ氏にも影響を与えたといわれる伝説の工業デザイナーであるディーター・ラムス氏は「いいデザインの十か条」を提唱しています。ラムス氏と「いいデザインの10か条」を映画監督のゲーリー・ハストウィット氏が映像化した「Dieter Rams’ 10 Principles of Good Design」が無料公開中です。 Rams — Gary Hustwit https://www.hustwit.com/rams 「Dieter Rams’ 10 Principles of Good Design」は以下から見ることが可能です。 Dieter Rams’ 10 Principles of Good Design on Vimeo 「全てのものは相互作用し、同時に他から独立しています」というラムス氏の言葉と共にムービーはスタート。 「
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡単に PhotoshopやIllustratorなどに実装が予定されているAdobe Senseiの機能を紹介します。Adobe Senseiの主な役割は作業的な部分の効率化で、これにより人はよりクリエイティブな部分に時間を割くことができます。 Adobe Sensei|AI（人工知能） Top 11 Tech Sneak Peeks from MAX 2017 that Wow'ed ※記事の掲載にあたり、Adobe広報様に許可を頂いています。 Adobe Senseiが最適な画像を見つけ出す -SceneStitch Adobe Senseiがデザインの要素を認識する
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
「Ombré（オンブレ）」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half
デザイナーとして日々の制作に向き合っていると、自分のデザインにマンネリを感じることはありませんか。クライアントや商品が変わっても同じあしらいをよく使っていたり、アクセントの付け方が似ていたり。もちろん自分の中で定番のデザインがあることは、効率的でもあり、デザインの個性とも言えます。しかし、そのマンネリを抱えたままで良いのでしょうか。 そこで今回は、Webの領域から少し視野を広げて、ビジュアルコミュニケーションの源泉とも言えるグラフィックデザインから、表現の幅を広げるためのヒントを探ります。 現在フリーランスで活躍されているアートディレクター／グラフィックデザイナーの横山 徳（よこやま のり）氏をFICCにお呼びし、勉強会を開催しました。普段どのような考え方でデザインを制作し、またどのようにその表現力を身につけているのか。Web制作にも活かせそうなヒントを伺いました。 お互いの実績を紹介し合
ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ（合字）やスワッシュを使って、文字のデザインを楽しみましょう！ 質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。 フォント: TheSecret 最近のお気に入りフォント「TheSecret」を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とスワッシュの使い方 リガチャ（合字）とは、スワッシュとは リガチャ（合字）とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイ で乗り換えをするとキャッシュバックがもらえます。 スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちら キャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。 ?.テクスチャ（パターン）素材のサイト ? フリーテクスチャ素材館／トップページ(Top Page) - フリーテクスチャ素材館／トップページ(Top Page) フリーで利用できるテクスチャ素材が配布されています。木や石、動物など自然系のテクスチャ素材が充実しています。 ? Free Sea
７月末に博報堂を退職し、ひっそりと「文鳥社」という会社をつくりました。文鳥社はデザイン会社です。「出版社のような名前ですね」とよく言われますが、一応デザイン会社です (出版もひとつの事業として行います)。博報堂の同い年のデザイナーとふたりでアイデアを出し合ってつくりました。辞めたのは僕一人なので、とりあえず表参道に小さな事務所を構え、ひとりでスタートしています。 博報堂には６年間ほどいて、肩書きはずっとコピーライターでした。博報堂のいいところも悪いところもたくさん見てきました。でも嫌いなことを書き出すと本を一冊書けてしまうので、今回は書かないことにします(会議がとにかく嫌いでした)。それよりはこれからのことについて書いてみようと思います。 デザイン会社と言うと、一般的には「受注の制作仕事」が多いと思うのですが、文鳥社は「受注ではない自社ビジネス」を中心にしていこうと考えています。具体的に、
54：名無しさん＠１周年：2015/08/31(月) 14:13:16.71 ID:uuU0Dlc70.net zoffのこのメガネパクったのってどんなの？ http://www.glafas.com/news/flame_news/120224zoff_zoffsmart.html 75：名無しさん＠１周年：2015/08/31(月) 14:14:09.27 ID:5XedRoSC0.net >>54 http://www.tamabi.ac.jp/prof/pr/adv.htm これ 587：名無しさん＠１周年：2015/08/31(月) 14:27:07.49 ID:Ww7b5gK/0.net >>75 メガネ重ねてみたgif。雑な仕事で後免。 【関連】 【速報】佐野研二郎、個人ブログからネタを佐野って多摩美大のポスターをデザイン 643：名無しさん＠１周年：2015/08/31(月
FACEBOOKにてそれなりの反響があったので、ここに引用します。 またそれも踏まえて自分なりの視点から今回の件をまとめることが出来ればと考えています。 今回の問題は、いろいろな理解不足によって起きている非難だと考えます。 非難の類いを見ていて、一番ミソになるのは、トートバッグの件であり、 トートバッグのコピーのような件がどうして起きるのか。 という、部分を理解されている方が少ないと感じたので、この投稿の一番の目的はその部分でした。 オリンピックのロゴは決してコピーではないと自分は考えます。それについてここでは触れません。専門の方が分析されているのでそれを参考にしてください。 佐野さんの一件は、僕らがどれくらい自分の関わらない世界を知らないか。 そして知らないことについてはどれほど残酷になれるかについて考えさせられる。 自分もそれをどこかでやっているのかも知れない。 オリン
背景や質感アップに手軽に使える、カラフルでかわいいパターンが揃ったPhotoshop用のパターン素材を紹介します。
スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
