非デザイナーも知っておきたいデザインにある葛藤とホンネ
去年から恒例イベントになっているWebSig 1日学校。古い学校の校舎を使って正に学校で学んでいるような気分で参加できるこのイベント。今年は「デザイン視点のコミュニケーション術」というタイトルで講師をさせていただきました。主催者からの依頼が非常に難易度が高く、扱うトピックからスライドの完成まで悩みながら作りましたが、そのプロセスで見えたところもたくさんあり、イベントも含めて学びと出会いがたくさんありました。 なぜ『作る』以外について語ったのか デザイナーの仕事はレイアウト、UI、ルック&フィールなどを作る人。コンセプトや潜在的にあるものを視覚化出来る人と捉える方が多いと思います。作り出すことがデザイナーの能力ではありますが、語られる部分が「作る」という部分に集約してしまいがちです。しかし、実際のところ「作る」部分というのはデザイナーの能力のほんの一部でしかなく、それ以外が重要だったりします
勝手にリデザイン：新宿高層ビルの館内施設案内板
勝手にリデザイン：新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。（ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
有料でもおかしくないようなクオリティの高いWordPressテーマを無料で配布しているサイトいろいろ - かちびと.net
ご質問頂いたので記事にします。クオリティ の高いWordPressのテーマで無料のものは 無いか、または無料で手に入る方法は無い か、とのことでしたのでなかなかクオリティの 高いテーマを無料で配布してくれているサイト をいくつかご紹介します。 というわけで無料で手に入る、有料ライクなWordPressテーマを配布しているサイトのまとめ。ハイクオリティかどうかは個人差があるかなとは思います。 デザインはもちろん、テーマの機能をどういったコードで実装しているか、というのも参考になりますので開発目的に見ておいても損は無いかなと。 dessign swiss-missやonextrapixelでも評価されたデザイナー、クリエイター向けのテーマ。ホワイトベース中心です。有料版もありますが、無料版も見劣りしません。 example dessign Templatic TemplaticはCMSやポート
いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
目を引き印象に残るインパクト重視のパッケージデザイン33種
日用品などだと店頭でパッケージを見て選ぶという人も多いのではないでしょうか。消費者の興味を引こうと各メーカーしのぎを削るパッケージデザインですが、以下に掲載するのは、そんな中でも特に強烈なインパクトを与える、どこか吹っ切れたデザインのパッケージです。 Izismile.com - Some Very Clever Packaging Designs for Products (51 pics) 1.音符型にパッケージされたヘッドフォン Corinne Pantによるデザイン。 2.Klein Constantiaのハチミツ ハチの巣箱を模したパッケージで、箱を開けると中に大量のハチがデザインされ、紙でできたハチも入っています。 3.スミノフ ウォッカ カイピロスカ 果物の皮を模した包装紙を取り除くと、見慣れたスミノフのビンが出て来ます。 カイピロスカは、フレッシュフルーツと氷にベースとなる
まったくのゼロから、Webデザイナーになる方法 - ウェブデザイナーになるには
この記事は2011年に書いた記事です。2015年に書いた増補改訂版があります。 「Illustrator、デザイン - まったくのゼロから、独学でWebデザイナーになるためのロードマップ【Vol. 1】」（2015年3月） 前にも「独学でWebデザイナーになるのにまずやること」というエントリーをかいたが、簡易的な内容だった。 今回も大筋の考え方はかわらない。Webデザイナーになるには、たくさん作品を作って人にみてもらうことである。 今回はもっと踏み込んで、全くの未経験の人がどうすればWebデザイナーになれるのかの具体的なステップ（行動プラン）をまとめてみたい。すでに学校やスクールでWebを学んでいる人や会社でデザイン部門をあらたに設立したい人にも役に立つだろう。 ステップ１ 制作環境をつくる まず最初にやることは制作環境を揃えることである。以前だと、FAXとスキャナーは必須だったが、いまは
フリーでOK！日本語も漢字も使える手書き風フォントのまとめ。:Ｂｌｏｇで本を紹介しちゃいます。
2011年09月02日22:02 by tkfire85 フリーでOK！日本語も漢字も使える手書き風フォントのまとめ。 カテゴリ管理人 雑談 tkfire85 【関連記事】 ・「超基礎」高校英語で学ぶ全英語文法をまとめてみた。 ・知らなきゃ危険！コンビニから学ぶ「買わせる」７つの心理テクニック ・フィンランドの小学5年生がまとめた議論のルールが凄い。 ・楽天から届く迷惑な「メールマガジン」を一括で解除する方法。 ・脳外科医が直伝！脳が変われば人生が変る。ー 脳に悪い７つの習慣 ・たった1分で人生が変わる片づけの習慣 ・孫正義が自然エネルギー参入で狙う真の標的 ・もうダメだ！と思った時、あなたの心を救う魔法の7つの言葉。 ・本当は教えたくない！1年365日ブログを更新し続ける僕のアイディア術。フォントには沢山の数があります。よく明朝体とかゴシック体とか言いますが、使用場所や用途に応じて使い分
Webデザイナー（私）によるタイポグラフィーレイアウトの注意書き
私は DTP デザインが苦手です ...。でもときどきお客さんから、フライヤーとかポスター、名刺なんかの紙のデザインを頼まれます...。そこでもっと勉強しなくちゃいけないなーと感じていたのが、タイポグラフィーについてのこと。今回はタイポグラフィーとそのレイアウトについて学んだことをまとめてみました。 以前グラフィックデザインをしている先輩に、グリッドシステムや揃えるだけがデザインじゃないし、もっとタイポグラフィーやレイアウトのことを勉強しなさいと言われました …。私は普段、Webデザインしかしていないんですけど、ときどきフライヤーやポスターのデザインを、ついで仕事のような形で頼まれる事があります …。 でも、Webデザインしかしてこなかった私は、紙媒体 – DTP デザインが苦手です …。ちょうど 1年くらい前にも同じような記事、Webデザイナー（私）によるDTPデザイン注意書き：Webと
素人っぽいデザインから脱却するための12のデザインチップス | webox blog
クオリティを上げるためにはちょっとした「こだわり」がとても大事です。 定期的に話題になるネタで恐縮ですが、素人っぽいデザインにならないように個人的によく使ってる小技をまとめました。 上のものほど、簡単で多くのデザインに使える小技になります。 1pxのボーダーを使う 1pxの効果を使うのと使わないのでは、デザインの質に大きな違いが生まれます。 ある意味Webデザインでは一番重要な要素かもしれません。 定番です。たった1pxのボーダーをつけるだけでシャープな印象になります。 ただ塗りつぶしただけ、グラデーションを入れただけのボタンでは、のっぺりとした感じになりやすいですが、1pxのボーダーを上部に入れるだけでシャープな立体を表現できます。 正確には1pxでなく2pxですが、こうして黒系のボーダーと白系のボーダーを並べることで、明確にかつシャープに仕切りを表現できます。 1pxのドロップシャ
敵対する大企業同士のロゴを使ってお互いのロゴを描いたポスター
以前、「ライバル関係にある大企業同士のロゴを交換するとこうなる」という記事を掲載しましたが、今度は「敵対する大企業同士のロゴを使ってお互いのロゴを描いた」という、ルーマニアのグラフィックデザイナーStefan Asaftiさんの「The Greatest Brandversations」というプロジェクトです。 The Greatest Brandversations on the Behance Network 1：ペプシVSコカ・コーラ ペプシのロゴをコカ・コーラのロゴで構成。 近くで見ると確かにおなじみのコカ・コーラです。 逆に、コカ・コーラをペプシのロゴで構成するとこうなります。 ちょっとわかりづらいですが、ペプシのロゴ。 2：Apple VS Microsoft Appleのロゴの中にWindowsロゴが敷き詰められています。 Windowsロゴも白黒だと新鮮な感じ。 今度はWi
日産の新キャラ「PLUG」くんのアニメのクオリティが尋常じゃない理由
「どーもくん」と言えば、NHKのマスコットキャラとして1998年から10年以上も活躍しつづけている、世界的にも知られたキャラクターです。このどーもくんを作ったアニメーション作家の合田経郎氏によって、日産の新たなキャラクター「PLUG（プラグ）くん」と、彼の住む世界「Planet Zero」が作り出されましたが、そのクオリティは、ちょっと尋常ではないほど力が入ったものとなっています。 NISSAN Zero Emission：Planet Zero http://the-planet-zero.com/ これが合田経郎氏によって生み出された日産の新キャラクター「PLUG」。昨今のゆるキャラブームをまったく無視したかのような直線的なキャラクターデザインです。 PLUGくんのすごいところは、彼らがすべて立体で製作され、コマ撮りアニメーションでその世界観と物語が作られているところ。下のムービーでは
インスピレーションの宝庫！Web制作会社のポートフォリオWebサイト35
2017年7月14日 Webデザイン, インスピレーション 先週末、ぼけーっと世界各国のWeb制作会社のWebサイトをひたすら眺めていました。デザイン・Web制作会社のWebサイトって細かいところまで気をきかせていたり、クスッと笑ってしまうような仕掛けがあったりして、見ていて飽きないんですよね。さらにそのサイトだけでなく、彼らの作る作品も素敵なものが揃っているという点もおもしろいです。そんなWeb制作会社のWebサイトと、その見どころを紹介します！ ↑私が10年以上利用している会計ソフト！ Web制作会社のサイトの特徴 Web制作会社のポートフォリオサイトを眺めていて、いくつか発見があったのでまとめてみます。 制作実績 多くの会社がjQueryなどを使って動きをつけて作品を紹介していました。また、以下の情報を載せているサイトが多かったです。 スクリーンショット クライアント名 制作したサイ
同人誌を作る時に最適の読みやすいフォントはどれ？ ｜ お絵かき速報！萌え絵上達法
1：スペースNo.な-74：2011/01/11(火) 20:19:38 ここは同人誌作成に欠かせないフォントについて雑談する スレッドです。皆様のオススメフリーフォントサイトや このフォントって何？等の質問など何でも書き込んでください。 表紙のみならず、同人誌印刷所スレで度々出る本文のフォントに ついても情報をお待ちしています。 ＊同人で使えるフォントについての情報交換の場です。 ＊有料フォントの無断無料配布はご遠慮ください。 ただし「○○のサイトで（お金を払えば）手に入る」等の 情報はどんどんお寄せください。 ＊ＭＳフォントはvista以降同人での利用が可能になりました。 2：スペースNo.な-74：2011/01/11(火) 20:20:19 About Font http://home.intercity.or.jp/users/masak/ 和文フォント大図鑑(旧 Fonts 大
WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう
皆さんいつもWEBサイトのデザインをする際に何を参考にしていますか？ 気にいったサイトがあったらブックマークをしてストックしておく、WEB系の本を見る、あとはWEBサイトのまとめサイトを見るですよね？ 自分もまとめサイトを見つけるとブックマークして定期的にチェックしていたのですが、いろいろなまとめサイトがありましたのでまとめサイトをまとめてみました。 このほかにもこんななのがあるよというのがありましたら是非教えてください。 TheFWA http://www.thefwa.com/ High Floater http://www.highfloater.com/ ABM | AnotherBookmark™ – Webデザインブックマークサイト http://www.anotherbookmark.com/ Webデザインのリンク集 Webデザインポータルサイト S5-Style http
![WEBデザインの参考にしているまとめサイトをまとめました[ほぼ国内編：24サイト+追加2] | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/b0366a92f40229090fad09f8bcea2cb9d905fb02/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2011%2F08%2FA29.jpg)
ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。
こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り合う要素との間隔やバナー、ボタンなどの外側と内側の要素の上下左右マージンをできるだけ均一にすることで、デザインがスッキリ見えます。 2. 内側のマージンは外側のマージンより狭く レイアウトなど一番外側とコンテンツの間隔より文章のかたまりや画像同士の間隔を小さくします。基本的にコンテンツのまとまりを作るためですので、デザインによっては広く取って区分ける場合もあります。 3. 段落の下は間隔を広く開け
センスではなく具体的に解説する「同人誌やイラストの美しいデザイン100」
同人誌において一番の勝負所とも言うべき「表紙」デザインに非常に役立つさまざまなテクニックを「センス」という言葉で都合良くごまかしたりせず、「なぜそのようなレイアウトを選ぶのか？」「どのような効果が期待できるのか？」「どういうときに使えるのか？」「実際に行う上で気をつけるべきポイントは何か？」というような点がちゃんと書いてあるため、表紙のアイデアデザイン見本帳としても非常に有用なのがこのマール社から出版された「同人誌やイラストの美しいデザイン100 レイアウトの基本から配色、文字組みまで」です。 マール社から献本してもらい、届いた実物がコレ この表紙部分を担当した方のブログによると、「今回執筆させていただいた『同人誌やイラストの美しいデザイン100』は、拙著同人作品『同人誌やイラストを美しく魅せるデザイン100の方法 増補改訂版』の書籍化、という立ち位置にはなっていますが、内容はほぼ全て別物
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合に
楽天のお洒落なインテリアショップまとめ１０選
皆さんはネット通販でお買い物していますか？ ネット通販と聞いて連想するのは、超大手の楽天。楽天はショップ数が多いという点では優れているのですが、その分ナイスなショップとあまりイケてないショップが混じっていて、前者を探すのに時間がかかることも…。 そこで今回は、楽天のお洒落でイイ感じなショップ―インテリア編ーをまとめてお届けします。著者も買ってみて満足度100％なショップ、またリピート買いしてしまうショップもあるほどなので、ぜひ参考にしていただけると嬉しいです！ では早速見ていきましょう。 １、インテリアショップ roomy チボリのラジオ、音響が揃っています。時計、ゴミ箱、傘立てに関してもユニークでかわいい商品が多く、新生活を始める際にはぜひチェックしたいサイト。カタログを見ているように楽しい。 ２、エア・リゾームインテリア チャールズ・イームズの有名な椅子「DSW」の復刻版を取り扱う。し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新宿案内図問題：新宿エルタワーのサインのデザインがわかりにくい
新着記事
