新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました！ ぜひコチラもお読みください！ 読んでくれてありがとう！面白かったらぜひぜひシェアしてくれると嬉しいよ！(`･ω･´)b ダウンロードもプリントも配布もご自由にどうぞ！たくさんの人にみてもらえれば最高です！ デザインが苦手な人ほどオススメ！ Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう！！結局どっちが正しいんだよ！？ そんな疑問がたった13ページで解決します！ "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった！ もう、デザインが苦手なんてことない！
こんにちは。まだまだ半人前ですが、元気にWebディレクターやってます。まっつんです。 唐突ですがみなさん... なんて事態に困ったり、迷ったりしていませんか？ 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら...。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ反省してみようかと思います。 ※ちなみに今回のモデル案件は広告ランディング用のLPページデザイン作成（マークアップは別）を想定しています。 1. 制作するページの目的をクライアントと共有する そもそもの話になりますが、なぜそのページを作成するか。「目的」の話です。 デザインを作る最初の段階で「どんなターゲットに、どんなサービス・商品を、どのようにしてほしいのか」が明確でないと、どういう構成・内容でページ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
自分にとって、使いにくいサービスに出会ったとして。 そのどこが具体的にいけないと思うのか？ どういう修正を加えてほしいのか？ 言葉にできますか？ ただただ使いにくい、わかんない、とクレームを入れるのは、何もしないでそっ閉じするよりはマシ。「使いにくい」というのもユーザの立派な声だから。 でも、よりわかりやすく自分の不満を伝えることができたら、作り手にもっと大きなフィードバックを返してあげられる。みんな幸せになれる文句を言うことができる。 ゲームプランナーなりたてのときに、自分が感じるデザインの違和感を言語化できずに悔しい思いをして、巷でオススメされてたり店頭に並んでるデザインの本を読んではなんとかしようとしました。 結局今もセンスいいデザインが自分でできるわけじゃないけど、言葉にはできるようになったつもり。 その時お世話になった本を紹介してみます。もっとたくさん読んだんだけど、特に自分の中
ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました！ (03/05 追記) FlatUI、Bootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります
TOP > Design > バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」 WEBサイトを制作する際に、背景に大きな画像を張り込むとその分サイトの容量が大きくなってしまい、重いサイトという認識をされてしまうことも。今回はそんな背景画像を手軽に、そして容量にも配慮して生成できるツールをまとめた「5 Pattern Generators for Background Designs」を紹介したいと思います。 ZenBG—Background Generator ダウンロード形態を選べる5つのジェネレーターサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■10,000s Cool FREE Seamless Pat
株式会社サイゾー（Cyzo inc.） / Raffael Stüken / La Moulade - Creative St...他...全11件
電通の仕事＝人の心を動かす仕事。その領域や方法論やチャンスが、実は、いま、どんどん広がっている。広告という枠やメディアの壁を自由に超えて、昨日までなかったアイデアで、人の心を動かしている。ヒトノココロヲ ウゴカスシゴト、ナンデモアリ。そんな電通の仕事のオモシロさを、リアルに感じてもらうために。新しい人たちが活躍するフィールドが、次々と生まれていることを感じてもらうために。いま、ウェブサイトやパンフレットづくりを進めています。 本オープンまで、もうしばらくお待ちください。（11月中旬ごろにUP予定です。） なお、引き続き 2012年度新卒採用情報ページ「DENTSU RECRUIT 2012」は、ご覧いただけます。 「総合職」と「アート職」の募集を行います。 総合職 営業、マーケティング、プロモーション、メディア・コンテンツ、クリエーティブ（コピーライター、CMプランナー）、デジタル領域全
チャンスという言葉は、キライだ。 課題という言葉さえも、キライだ。 あえて、「機会」という言葉を選びたい。 答えが見えている、ゴールはつまらない。 問いをイチからつくりだして。 でっかく成功するか、でっかく失敗するか。 そっちの方が、ワクワクしない？ どしゃぶりの機会のなかで。 好奇心のまま駆けだす人がいい。 仲間とぶつかりあって。 自ら変わりつづける人がいい。 リクルートは方法にすぎない。 素直にそう宣言する人がいい。 さあ、あなたはどう躍る？この場所で。 異能よ、あつまれ。
スマホマーケットの概要と、�マーケティングの失敗例と改善 （アナリティクス アソシエーション 特別セミナー）
「かっこいいサイト作るぞ！」 と意気込んでみたももの、いざ作ってみると 「あれ･･･なんかダサい･･･」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか？ WEB制作は、基本的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが･･･ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト
1280px以上の大きなモニター対応、iPhoneなどのスマホ対応、単調になりがちなグリッドのバリエーション、IE6への配慮など、最近のウェブ構築には欠かせない要件を備えたCSSのフレームワークを紹介します。 The 1140px Grid · Fluid down to mobile [ad#ad-2] 以前、Twitter(@colisscom)で紹介した時からバージョンアップしたようなので、改めてブログでご紹介。 The 1140px Gridは、1280のモニターには1140pxのグリッド、スマホなどのそれより小さいモニターにはその幅に可変したリキッドタイプのグリッドを提供するスタイルシートのフレームワークで下記にその特徴的なポイントを紹介します。 1140pxで12カラムを採用した理由 12という数字は非常に便利で、二等分、三等分、四等分、六等分して利用することができます。また、
CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの？というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない
【2011｜2010｜2009】 大層なタイトルをさらに大層にして、今年もやります。 ２０１０年に発売された、コミックのお気に入りの表紙（装丁）ベスト記事です。 今回は紹介量がちょこっと増えて、ランキング１１６作品＋α。 ここまでくると順位はおまけ（コロコロと気分で変わりまくったりも）、 ざくざくとした紹介を、 今年の装丁を振り返るお供にしてもらえれば幸いです。 ●画像をクリックするとamazonに飛びます。 作品の内容の方が気になった方はそちらをご参照ください。 ●画像下に▲マークが付いている作品は、 画像の上にポインタを乗せると別画像に切り替わります。 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 【第１位】 狼の口 ヴォルフスムント １巻 / 久慈光久 全身に鎧をまとった騎兵のイラストをシックに配置したデザイン。 作者の画力の高さを
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
