タグ

デザインに関するt10471のブックマーク (20)

  • Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?

    新作スライド ボッチなデザイナーがクラウドファンディングを始めようとしたら「それでは3200人あつめてください」と言われた件 - https://goo.gl/co5NRN 公開しました! ぜひコチラもお読みください! 読んでくれてありがとう!面白かったらぜひぜひシェアしてくれると嬉しいよ!(`・ω・´)b ダウンロードもプリントも配布もご自由にどうぞ!たくさんの人にみてもらえれば最高です! デザインが苦手な人ほどオススメ! Aさんはデザインはこうだという。 Bさんはデザインはああだという。 ああああああもう!!結局どっちが正しいんだよ!? そんな疑問がたった13ページで解決します! "デザイン"なのに真逆のことをいう人達がいるのは、 実はこういうことだった! もう、デザインが苦手なんてことない!Read less

    Aさんが言うデザインとBさんの言うデザイン、結局どっちが正しいの?
  • 【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント

    こんにちは。まだまだ半人前ですが、元気にWebディレクターやってます。まっつんです。 唐突ですがみなさん... なんて事態に困ったり、迷ったりしていませんか? 僕自身も上記の質問に「そんなことあるわけ無いじゃん」と言ってみたいところなんですが、残念ながら...。 というわけで、今回は僕が超苦手としているデザイン制作依頼時に、なるべく失敗を起こさないよう必死で気をつけているポイントを紹介しつつ反省してみようかと思います。 ※ちなみに今回のモデル案件は広告ランディング用のLPページデザイン作成(マークアップは別)を想定しています。 1. 制作するページの目的をクライアントと共有する そもそもの話になりますが、なぜそのページを作成するか。「目的」の話です。 デザインを作る最初の段階で「どんなターゲットに、どんなサービス・商品を、どのようにしてほしいのか」が明確でないと、どういう構成・内容でページ

    【超基礎】デザイン苦手なディレクターが依頼時に気にすべき7つのポイント
  • モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ

    日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル

    モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
  • 「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO

    「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか? TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル

    「深津貴之氏に学ぶ、スマホUI/UX講座 〜iOS7についての考察とfladdictデザイン論〜」に参加してきました。 | DevelopersIO
  • ノンデザイナーがデザインの文句を正しく言うための本4冊+1 - レールを外れてもまだ生きる - コロポンのブログ

    自分にとって、使いにくいサービスに出会ったとして。 そのどこが具体的にいけないと思うのか? どういう修正を加えてほしいのか? 言葉にできますか? ただただ使いにくい、わかんない、とクレームを入れるのは、何もしないでそっ閉じするよりはマシ。「使いにくい」というのもユーザの立派な声だから。 でも、よりわかりやすく自分の不満を伝えることができたら、作り手にもっと大きなフィードバックを返してあげられる。みんな幸せになれる文句を言うことができる。 ゲームプランナーなりたてのときに、自分が感じるデザインの違和感を言語化できずに悔しい思いをして、巷でオススメされてたり店頭に並んでるデザインのを読んではなんとかしようとしました。 結局今もセンスいいデザインが自分でできるわけじゃないけど、言葉にはできるようになったつもり。 その時お世話になったを紹介してみます。もっとたくさん読んだんだけど、特に自分の中

    ノンデザイナーがデザインの文句を正しく言うための本4冊+1 - レールを外れてもまだ生きる - コロポンのブログ
  • ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと

    ひと味ちがうTwitter Bootstrapの9個の無料テンプレート&有料まとめサイト Jan 28th, 2013 Tweet Twitter Bootstrapはデザインが苦手なプログラマのための必須ツールです。今回は、一味違ったBootstrapサイトを作るときにきっと参考になるテンプレートをまとめてみました! (03/05 追記) FlatUIBootstrap Expoを追加しました (03/24 追記) Flatstrapを追加しました (04/03 追記) MagicSuggestを追加しました (04/04 追記) Bootstrapのリソースネタを別の記事にしました 無料のテンプレート 無料のBootstrapテンプレートの紹介です。BootswachのようにCSSだけで適用できるものと、HTML/CSS/JSなどいろいろ追加しないと実現できないものがあります

  • バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」

    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

    バックグラウンドデザインのパターンを生成できるツールまとめ「5 Pattern Generators for Background Designs」
  • Color Palette Generator - Colllor

    Create consistent color palettes With Colllor it is much easier to generate a consistent web color palette with just a few clicks. You should use colors consistently, so you have a common look and feel throughout your design. All the alternative proposals produced by Colllor derive from the same color and they all have a common denominator sharing hue, lightness or saturation values. This tool wil

  • ウェブサイトのユーザビリティを改善する 7つの方法 | Startup Dating [スタートアップ・デイティング]

    Mashable 日語訳記事は、株式会社gumi の提供でお送りします。株式会社gumiは、拡大著しいソーシャルゲーム業界において、高い技術力と強固な運営体制をもとに、スマートフォン/フィーチャーフォン向けにゲームを提供するSAP(ソーシャル・アプリケーション・プロバイダ)です。我々は、日はもちろん全世界に向けて、次世代のエンタテインメントを提供するリーディングカンパニーとして、グローバルNo.1を目指します。エンジニアをはじめ多数のポジションで絶賛採用中です。 All reproduction of the Mashable content is licensed by PARS International. (c)2011 Mashable, Inc. All rights reserved. 【翻訳 by Conyac】【原文】 Web ユーザー向けのコンテンツを書くことには独特

  • JavaScriptで作られた、見たことないUIデザインのWebサイト

    株式会社サイゾー(Cyzo inc.) / Raffael Stüken / La Moulade - Creative St...他...全11件

    t10471
    t10471 2011/11/30
    使いやすいか?ってのは別としてすごいサイトばっか!
  • DENTSU RECRUIT 2013

    電通の仕事=人の心を動かす仕事。その領域や方法論やチャンスが、実は、いま、どんどん広がっている。広告という枠やメディアの壁を自由に超えて、昨日までなかったアイデアで、人の心を動かしている。ヒトノココロヲ ウゴカスシゴト、ナンデモアリ。そんな電通の仕事のオモシロさを、リアルに感じてもらうために。新しい人たちが活躍するフィールドが、次々と生まれていることを感じてもらうために。いま、ウェブサイトやパンフレットづくりを進めています。 オープンまで、もうしばらくお待ちください。(11月中旬ごろにUP予定です。) なお、引き続き 2012年度新卒採用情報ページ「DENTSU RECRUIT 2012」は、ご覧いただけます。 「総合職」と「アート職」の募集を行います。 総合職 営業、マーケティング、プロモーション、メディア・コンテンツ、クリエーティブ(コピーライター、CMプランナー)、デジタル領域全

  • 新卒採用|リクルートホールディングス 2019年度新卒採用サイト

    知らないことだらけの世界。 変わり続ける自分。 同じ色なんてない、無限大の仲間たち。 その出会いのすべてが、 機会を創り出す。 青い好奇心に、最強のチームが集う。 地図にない冒険が、素晴らしい挫折を生む。 時間を忘れるほどの情熱と今が、 きっと未来を変えていく。 夢中にはかなわない。 PLAY RECRUIT, PLAY OPPORTUNITIES. INFORMATIONお知らせ・新着情報 リクルートの会社情報、イベント・選考情報をご案内するメールマガジンを配信しています。 ぜひご登録ください。

    新卒採用|リクルートホールディングス 2019年度新卒採用サイト
  • 色彩センスのいらない配色講座

    3. 自己紹介 職業:デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_

    色彩センスのいらない配色講座
  • プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!

    「かっこいいサイト作るぞ!」 と意気込んでみたももの、いざ作ってみると 「あれ・・・なんかダサい・・・」 WEBサイトを作成したことのあるプログラマーの方なら、 経験したことがある方も多いのではないでしょうか? WEB制作は、基的に、デザインはデザイナー、システムはプログラマー、という 役割分担の元に作業が行なわれるため、プログラマーが見栄えのするサイトを作ることは、 簡単なようで、なかなか難しいことです。 かくいうプログラマーである私も、いくつかのWEBサイトを個人的に作成してきましたが、 自分で納得のいく見た目のサイトが作れず、夜中の謎のハイテンション時にデザイン を完成させ、1度寝てから再度確認すると、そこには見るも無残なWEBサイトが・・・ なんていうことを何回も経験してきました。 そこで私が試行錯誤した結果を元に、プログラマーが、シンプルながら ある程度見栄えのするWEBサイト

    プログラマーがかっこいいWEBサイトを作る5つのコツ - おかねがない(゚∀゚)ッ!!
  • サービス終了のお知らせ

    サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。

  • [CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid

    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:初心者の頃にハマったスタイルシートのあれこれ … IE7多め

    CSS、スタイルシート。初心者のころには CSS のスタイルがうまくいかなくて、半日や丸一日悩んだこともいっぱいありました。最近では、やっとひと通り覚えて、思うようにできるようになったかなーという感じです。今回は初心者だったころ、ちょっと悩んだことなどをいくつかまとめてみました。 Webサイトの見た目をデザインしていくのに欠かせない CSS。度々これってどうやるんだろうとか、どうしてこうなっちゃうの?というものに遭遇します。また、今までは IE6 をターゲットに含めてましたけど、そろそろ IE7 からをターゲットにすればいいのかなーと思うこともあって、過去のスタイルシートの書き方の習慣を変えようかなとも思っています。 スタイルシートを書いていて、今まで遭遇した不具合やその回避方法、また今まではこうしてたけど、これからは変わるかもしれないなーといものをまとめてみました。もうそんなことしてない

  • この装丁がすごい!〜漫画装丁大賞〜2010 良いコミック

    【2011|2010|2009】 大層なタイトルをさらに大層にして、今年もやります。 2010年に発売された、コミックのお気に入りの表紙(装丁)ベスト記事です。 今回は紹介量がちょこっと増えて、ランキング116作品+α。 ここまでくると順位はおまけ(コロコロと気分で変わりまくったりも)、 ざくざくとした紹介を、 今年の装丁を振り返るお供にしてもらえれば幸いです。 ●画像をクリックするとamazonに飛びます。 作品の内容の方が気になった方はそちらをご参照ください。 ●画像下に▲マークが付いている作品は、 画像の上にポインタを乗せると別画像に切り替わります。 □■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 【第1位】 狼の口 ヴォルフスムント 1巻 / 久慈光久 全身に鎧をまとった騎兵のイラストをシックに配置したデザイン。 作者の画力の高さを

    この装丁がすごい!〜漫画装丁大賞〜2010 良いコミック
  • 高さの異なるボックス要素を揃えるテクニック : HTMLコーディングのノウハウ : HTML/XHTML、CSSコーディング最安保障~クロノドライブ~

    サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキス

  • http://designaholic.cc/2010/11/post-29.html

    http://designaholic.cc/2010/11/post-29.html
  • 1