1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！！ 2012年度に新卒で入社し、今現在はサイバーエージェントの子会社である株式会社シロクにて、「My365」という写真日記アプリのUIデザインを担当している石山（@t_ishiyama）と申します！ My365とは？ http://my365.in/iPhone, Androidなどのスマートフォンで撮影した写真を、1日1枚ずつカレンダーに貼って共有できる写真投稿アプリです。 撮った写真はフィルターを用いてポラロイド風に加工ができ、ブログや日記よりもかんたんに思い出を残していくことができるサービスです。ぜひダウンロードしてみて下さい！

毎日のようにデザインをしていると、良いデザインが思いつかなかったり、前回と同じようなデザインが完成してしまったりと、どうしてもデザインに行き詰ってしまうことがありますよね。 私自身まだまだ未熟なこともあり、デザインに行き詰ることはよくあります。そんなとき、私は極力仕事中でもカメラ片手にボーっと散歩に出たりして、どうにかインスピレーションを刺激させようとするんですが、散歩に出られないときや、散歩に出ても何も思い浮かばなかったときなどは、いくつかのWEBサイトを見てインスピレーションを刺激させます。 ｢インスピレーションの刺激になるぞ｣と思ってブックマークしたサイトはいくつもあるんですが、今回はその中から、とくに皆さんに紹介したい利用頻度の高い7つwebのサービスを紹介したいと思います。ではどうぞ！ 1.Dribbble Dribbble これはかなり有名なサイトですね。いまさら紹介するまでも

多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき

スマホーアプリ&サービスの企画に携わる人のためのイベント「スマホデザイン会議」が6月28日、東京・銀座のリクルートメディアテクノロジーラボで開催された。 登壇者はバスキュール号 プロデューサー西村真里子さん、「miil」のFropApps 代表取締役社長 中村仁さん、日本テレビさん(カリスマCGクリエイターとして有名な藤井彩人さんと編成局メディアデザインセンター メディアマネジメント部 加藤友規さん)という超豪華布陣。TechWaveで告知してから2日でのべ90名以上の参加表明があり、会場は立ち見の方が出るほどの盛況となった。 企画経営層のためのDesign Thinking 「スマホデザイン会議」は、スタートアップ企業「inno-beta」が、デザインへの関心を高めるべく啓蒙活動の一環としてスタートしたイベントで今回で二回目。 今回は私 TechWave副編集長 増田(maskin)真樹

ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン

TOP  >  Design  >  幅広く活用できる デニム生地テクスチャセット「40+ Collection Of Free High Quality Jeans Textures」 アレンジ次第でさまざま表情を作り出すことができるシンプルなテクスチャは、できるだけたくさん確保しておきたいもの。今回は、素材として幅広く活用できるデニム生地テクスチャセット「40+ Collection Of Free High Quality Jeans Textures」を紹介したいと思います。 素材感のあるヴィンテージライクのデニム生地や、定番のインディゴタイプなど多彩なバリエーションが魅力的。気になったものをいくつかピックアップしましたので、下記よりご覧ください。 ■blue jeans textures. by ~Araleva on deviantART ブルーカラーのジーンズを中心に集めたセ

本当に妥協のない体験なのか Microsoft が自社製のタブレット Surface を発表しました。着脱可能な超薄型キーボードを搭載。タブレットとしても、ノートパソコンとしても使うことができるのが最大の特徴です。 2012年4月、東京都内で開催された開発者向け会議「BUILD」で、あらゆる機器で「妥協のない」体験を Windows 8 は提供できると話していましたが、それを形にしたのが Surface だと思います。ひとつの OS でタブレットもノートも関係なく操作ができるという、Windows 8 の強みを活かしたプロダクトといえるでしょう。 両方ともで使えるということに「妥協をしていない」Windows 8 ではありますが、これは同時に利用者体験の妥協を生み出しているのではないかと感じています。 Windows 8 には、メトロ UI だけでなく、Windows 7 以前からあるお馴

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

先日、東京MXテレビの『装丁ジャンケン』という、編集者が担当した本の装丁について、バトルするという番組に出演しました。青林工藝舎の手塚社長と対戦して、負けてしまいましたが『エロ語呂世界史年号』も大変好評でした。この本のカバーは編集者である私が造りました。もしかしたらこの『装丁ジャンケン』、今まで出演した編集者の中で、自ら装丁を手がけたという人はいなかったかもしれません。奇抜な企画が売りのハマザキカクのもう一つの特徴が自らDTPだけでなく、本のカバーまで造っているという事です。組版（レイアウト）を編集者自らが手がける事は、今はそれほど珍しい事ではありませんが、カバーまで造っている人はなかなかいない様です。 そこで今回の「ハマザキ書ク」では、デザインの勉強をした事がない編集者でも、手っ取り早くそこそこ見栄えがする装丁を造るテクニックについて、紹介したいと思います。私自身、どこかでデザインを学ん

Basic design principles, like visual hierarchy, are very important in web design. Unfortunately, many of the new mobile apps are not designed with visual hierarchy in mind. Mobile (web) apps need an ordered and visually appealing design for a comfortable and enjoyable user experience. According to the first definition in dictionary.com, hierarchy is defined as “any system of persons or things rank

Less, but better.（より少なく、ただしよりよく。） 1955年から1997年にわたって在籍したブラウンにおいてそのデザインをけん引し、デザインの世界にいまも大きな影響を与え続けているディーター・ラムス。「ミスター・ブラウン」とも称されるプロダクト・デザイナーの言葉です。 シンプルさを追い求め、機能美を突き詰めることに心血を注いだ彼は、その思想を「デザインの十原則」としてまとめています。 ・良いデザインは、革新的である ・良いデザインは、製品を有用にする ・良いデザインは、美的である ・良いデザインは、製品をわかりやすくする ・良い製品は、押し付けがましくない ・良いデザインは、誠実である ・良いデザインは、恒久的である ・良いデザインは、あらゆる細部まで一貫している ・良いデザインは、環境に優しい ・良いデザインは、できるだけ少なく その哲学はアップルのジョナサン・アイヴに

ロゴ作成の手順を実例とあわせて紹介！企業のイメージを明確にすることを「ブランディング」と呼びます。企業ロゴはそのブランディングが色濃く反映され、企業のイメージを左右する重要な部分です。今回は「ロゴとはなんぞや？」というところから、私のロゴを実例に、ロゴの制作手順を紹介しようと思います。 先日「ロゴデザインする時の参考に！ロゴデザインギャラリーのオンパレードと注目記事色々！」という記事内で、なるほどな、と頷ける文章に出会いました。 WEB サイトは、エンドユーザーに伝わらないデザインだとわかればリニューアルするけど、ロゴデザインはエンドユーザーに伝わらないからと言って作り変えることは殆ど無い。それはつまり、ロゴはお客様の為に作るんじゃないと、ロゴは自分たちの意思や考えの象徴でもあるからそんなに簡単に変えるわけにはいかない、自分たち（ロゴに込められた物を背負う人達）の為に作る物なんだ。 ふむふ

シンプルでわかりやすいロゴマークは一見簡単に作れそうですが、企業やお店の特徴を取り入れながら他のロゴマークとの差別化を図らなければならず、その製作過程は試行錯誤の連続となっています。そんなロゴマークが出来上がっていくプロセスを公開したBreno BitencourtさんのGIFアニメーションは見ていて面白いだけでなく、これからロゴデザインを扱う人にとって非常に役立つはずです。 WIP - Biten.me http://biten.me/5440/289469/gallery/wip-bitenme ◆01．Motion Math Logo 数字と子どもたちを組み合わせたロゴマーク。 ◆02．Rivière Club Logo Rivière Clubのロゴは色味押さえることによってラグジュアリーな雰囲気に。 ◆03．UP - Plane Logo 航空学校のUPのロゴは飛行機っぽくなりま

先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

クラウドファンディングサイトの草分け米KickStarterで、ニュージーランドSyrp社のプロダクト「Genie (ジーニー)」が6日間で25万ドルを獲得したことで注目されている。 Syrp社はChris Thomson氏とBen Ryan氏、という29歳の青年2人が代表取締役を務める会社で、「安価で究極の映像制作機材を提供したい」と「Genie」を開発した。 この製品はカメラに据え付けて使用すること微速度撮影が行えるようにするもので、通常、これらを実現する機材は高価で使い方も難しいと言われている。 KickStarterの中では、先日紹介した「Pebble」のように1000万ドル以上を獲得したものもあるが、これらは数十ドルから高くても100ドル程度のガジェットで「Genie」のように数万ドルのプロの用途にも耐える製品で、ここまで反響が得らえるものは珍しい。 クラウドファンディング