Please update your browser It seems you are using an old or unsupported browser. To continue enjoying Canva, please update to a recent version of one of the following browsers:
ジョナサン・アイブはスティーブ・ジョブズの最も近い友人であり、iPad、iPhone、iPod,そしてMacBook Airなどのデザインの責任者を務めました。 ジョナサンがデザインしたプロダクトは現在、食事をする時、仕事をする時、旅行に行く時など様々な場面で使われていますが、彼いわく、消費者の99%はアップル製品をデザインするのにかかった苦労を知らないとして、次のように述べています。 「80%の仕事はすべて失敗に終わる。大切なのは良くないと感じたら、すぐに作業を辞める勇気を持つ事だ。ジョブズはいつも口癖のように言っていた。”これで十分か?”、”これが正しいことか?” ってね。」 ↑ジョナサン「アップル製品のデザインにどれだけの想いが込められているか、99%の人は知らない。」(Simon D:Flickr) デザインチームはたった18人の小さ
1 pixel|サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、AmebaのSimplogでWEBデザイナーをしているリュウタロウと申します。 以前新卒デザイナー同士の勉強会がありまして、そこでの私の発表内容がすごく好評でした。 以降より多くの人に向けて発信したいと考え、この場をお借りして記事を執筆させて頂く事になりました。 これから綴るのは、デザインの細かいテクニックやハウツーではありません。 様々なジャンルのクリエイティブに通じる、基本的なモノの見方、考え方の話です。 「ワタシ、デザインワカラナイワ」 というビジネスパーソンも、普段やっている仕事や趣味とリンクさせながら理
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー1:現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか? 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」(=影)の基本ルールです。
今年のお盆は9連休の方も多いのではないでしょうか... / おすすめスライド デザイン編 / Webデザインのウソ・ホント ~ Web らしく...他...全21件 今年のお盆は9連休の方も多いのではないでしょうか? お休み中に時間を持て余すようでしたら、過去にご紹介したスライドを読み直してみませんか?きっと新たな発見があるはず。 そんなスライドを厳選してまとめました。まずはデザイン編から。
デザイナーなら誰でもチェックしているであろうDribbble。招待制なので優秀なデザイナー以外は参加できず、常に高いクオリティが保たれています。Goodpatchでも最近Dribbbleに作品をアップしはじめました(アカウントはこちら)。 MEMOPATCHをご覧の方の中にもDribbbleをチェックしている方やこれから見てみたいと思っている方も多いはず。でもはじめたばかりの頃だと誰をフォローしたらいいのかなかなかわからないのではないでしょうか?そこで今回は、Goodpatchメンバーがいつもチェックしている世界のスーパーUIデザイナー14人を紹介します! Louie Mantia https://dribbble.com/mantia 2008年に大学を卒業して以来、働いてきた会社はTapulous、Iconfactroy、Apple、Squareと聞けばそのすごさが伝わるのではないでし
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> ウェブデザインでユーザー行動を考えたユーザビリティが大事とはよくいわれることですが、色についてはどこまでこだわりを持っているでしょうか?見た目やデザイン上の配色は気を使っても、例えばフォーム入力時の確認やエラーメッセージについてはどうでしょうか?地味ではありますがもしかするとサイト上のユーザー行動に大きく影響を与えているかもしれないメッセージの配色について深く考えてみた記事を。 — SEO Japan 色には心理的な要素が多く関与する。私は自分が専門家であると主張するわけではないが、どちらかというと直感に反しているように思われるようなものに時々出くわすことがある。 色にも文化的な影響も多分にある
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド> Smart Resize > Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
ユーザーインタフェース(UI)をテーマにしたイベント「Android Usability Seminar 2012」(主催、日経BP ITpro Android Application Award 2012事務局)が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考(Design Thinking)」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在
2013年3月23日 Webデザイン, インスピレーション ミニマルデザインを考えるときによく使われる言葉「Less is more(少ない事は効果的だ)」。装飾が多すぎるとどれも目立たなくなる、無駄を削ぎ落した方がより美しく効果的であるという考えです。これに対し「Less is bore(少ない事は退屈だ)」という皮肉な言葉もあったりします。美しいミニマルデザインと退屈な間抜けデザインは紙一重。その違いを考えてみましょう。 ↑私が10年以上利用している会計ソフト! ミニマルデザインとは そもそもミニマルデザインとはなんなんでしょう?Wikipediaを見ると ミニマル・デザイン(Minimal Design)は、あまり使用しない機能のせいでシステムが肥大化することを避け、必要最小限の機能に絞って設計することをいう。 とあります。冒頭でも書いたとおり、要素が多すぎると結局なにが主張したいの
iOS 5のリリースやiCloudの開始、iPhone 4Sの発売と、ここ最近のAppleのプロダクトが一通り出そろった感じですね。 3GSを使っていて常々もっさりしていたので、早速iPhone 4Sに乗り換えたところ、画面の中をスケートをしているかのようにスイスイ動いてくれてとても快適です。 2年前に3GSを使っていたときは、なんて速いんだろうと思っていたわけですが…慣れとは恐ろしいものです。 さて本題ですが、ここ数日使っていた中で気付いた、細かすぎるデザイン変更点があったので前回のLionと同じようにまとめてみました。 細かすぎるデザイン変更点第2弾、今回も目を凝らしてどうぞ。 1.アイコンバッジ iOS 4のアイコンバッジのシャドウは濃いめのブラックで強めのシャドウになっていましたが、iOS 5ではグレーっぽく明るくなっています。 全体的に比較してみると、iOS 4のシャドウは浮いて
キー操作からタップ操作へ、FLASHからHTML5へ、フィーチャーフォンからスマホ移行で求められたUIデザインとは? グリーが事例を紹介【CEDEC 2011】 CEDEC 2011最終日となる3日目、グリーが抱える主要ソーシャルアプリ(フィーチャーフォン版)を、スマートフォンに対応させるためにぶつかった壁、それに対しての解決方法などを、樺澤俊介氏(グリーの事業戦略本部、クリエイティブセンター センター長)と、清田徹氏(グリーの事業本部、クリエイティブセンター リーダー)が解説。UIデザイン編、アニメーション編に分け、事例をあげつつ語った。 ●フォーチャーフォンの常識は、スマートフォンの常識に通用しない? 2011年9月6日〜8日の3日間、神奈川県のパシフィコ横浜・国際会議センターにて、ゲーム開発者の技術交流などを目的としたCEDEC(コンピュータエンターテインメントデベロッパーズカンファ
代表作として知られるのは「Dの食卓」。日経トレンディネットで2011年8月29日に掲載した、飯野氏へのインタビュー記事を再掲載します。 ご冥福をお祈りします。 日経トレンディネット編集部 「KY(カカクヤスク)」「夏ヤスコ」…西友のコミュニケーション戦略を指揮するマーケティング本部長・富永朋信氏がヒット・ブームの理由をひも解く本連載「売れる理由は必ずある!」。 前回の「『アップル製品はなぜ“気持ちいい”?』-認知科学で考える」の反響が大きかったことから、今回は特別編として、「Dの食卓」「エネミー・ゼロ」といったヒットゲームを手がけ、ユーザーインターフェイス(UI)に詳しい飯野賢治氏を迎え、“アップル(ジョブズ)のすごさ”をテーマにした対談をお送りする。 “イノベーション=生活が変わる” 富永朋信氏(以下、富永):アップルのすごさやユーザーインターフェース(UI)の
みなさん、こんにちは。西友の富永です。 今回は毛色を変え、「使いやすい/使いにくい」「わかりやすい/わかりにくい」とはいったいどういうことなのか、といったことを考えてみたいと思います。 まずはじめに、少し突飛な例ですが、以下のようなガスレンジを想像してみてください。 このガスレンジは、上から見ると手前に2つ、奥に1つバーナーがあります。手前の右側がハイカロリー、左側が揚げ物、奥は通常のバーナーです。 また、正面から見ると、一番左側に魚を焼くグリルがあり、その横、一列になってバーナーとグリルをコントロールするための、4つの点火・火力調整用つまみがついています。順番は右から、グリル、ハイカロリー、通常、揚げ物用です。つまみの下には、それぞれ「ハイカロリーバーナー」「グリル」といった表示があります。しかし、通常このガスレンジを利用するときの姿勢、つまり上からレンジを見下ろす姿勢では、この表示は見
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く