時間をかける つまらない想像話を以下に書く。 失敗してはいけない。成功しなければ行けないプロダクトだ。 企画から色々と実装アイディア、目的とするユーザー像を聞いている。 それに見合ったシステムを実装しなければならない。 あと6ヶ月で。その間は徹底的に企画と話をする。 部長と話しをして、駄目だったら作りなおす。 6ヶ月の間、エクセル上にガントチャートを引き、開発スケジュールを引いた。 企画・営業は2名。そのうち1名はマネージャ的な担当を行う。 部長は最終決定を下す(と聞かされている)。 エンジニアは3名。チームとしてはまあ良いほうだろう。 3ヶ月後 何を作っているのかわからなくなってきた。 具体像もわからない。 エクセルに書いたガントチャートは、意味を成していない。 ガントチャートを直そうと思うと、他の予定もずらさなければいけなくなり、 だるくなってだれも更新しようとしない。 システム全体の

光と影のストーリー。 かじわらめぐみさん、にいじまたつひこさんの作品｢Motion Silhouette｣は、ちょっと変わった飛び出す絵本。見開きの間に飛び出す木や電車に光をあて、ページに落ちる影で世界を作り出す非常にユニークな作りになっています。 今作では、光を動かすとことで変幻自在な影のアニメーションを楽しむ事ができます。どんどん大きくなる木や、遠くの星を目指す列車。影の落ちるページによって変化する物語、ページの上を自由に動き回る影。 幻想的な絵本の世界と同時に、光そのものにも興味が持てそうですね。｢どうして影は形が変わるの？｣子どもたちの、そんな質問が聞こえてきそうです。 Omar Kardoudi - Gizmodo SPLOID［原文］ （そうこ）

筆者が5万1000件を超えるつぶやきを投稿したツイッター  TWTR -0.05% Twitter Inc. U.S.: NYSE $38.31 -0.02 -0.05% July 14, 2014 4:00 pm 出来高 (遅延15分) : 19.44M 時間外取引 $38.15 -0.16 -0.42% July 14, 2014 7:59 pm 出来高 (遅延15分): 264,386 PER N/A 時価総額 $22.61 Billion 配当利回り N/A 従業員当たり売上高 $295,368 07/14/14 Marketers Hope Soccer Is New F... 07/14/14 Adidas Declares World Cup Vict... 07/13/14 The Password Is Finally Dying.... 詳細の株式情報とニュース »

会社訪問・イベント参加UIデザインのプロ集団「Goodpatch（グッドパッチ）」が渋谷に引っ越したというので行ってきた！2014年7月14日89 @JUNP_Nです。GunosyのデザインやMoneyForwardのデザインを手がけたことで有名なUIデザインに特化した会社「Goodpatch（グッドパッチ）」が渋谷に引っ越してきたというのでお邪魔してきました。 Goodpatchの新しいオフィスはサンフランシスコやシリコンバレーを意識！久しぶりの会社訪問をさせていただいたのはGunosyやMoneyForwardなどのアプリを手がけたことで有名なUIデザイン専門の会社「Goodpatch（グッドパッチ）」さん。 関連：BASE株式会社が引っ越したので行ってきた！ まだ引っ越したばかりの新しいオフィスは一部工事中だったりしましたが、「Goodpatch（グッドパッチ）」の代表である土屋さん

良い企画や優れた事業を考えるのは、やはり難しいことです。今回は、何かを考案する際に使用すると、考えやすくなるフレームワークや思考法が書かれた記事をまとめました！ 社会人なら押さえておきたいフレームワーク思考 メジャーなフレームワークが分かりやすく解説されている記事。 アイデアを大量生産できる最強のフレームワーク「オズボーンのチェックリスト」 オズボーンのチェックリストという沢山のアイディアを考案できるフレームワークが紹介されています。 Webの仕事をするなら最低限知っておくべき戦略フレームワーク×10 Webサービスに関わっている方必見の戦略に関するフレームワークの記事。 知らないと損するフレームワーク思考活用法 複数のフレームワークが端的に、分かりやすく紹介されている記事。 誰でもアイデアを量産できる！効果バツグンのアイデア発想フレームワーク５選まとめ アイディアを出すためのフレームワー

チュートリアル こちらを参考にした。 Create Awesome Splashing Water Text Effect in Photoshop - PSD Vault STEP1 素材を用意 flickrでCreative Commonsの写真を検索。湖の写真をダウンロード。 All sizes | Lake Louise | Flickr - Photo Sharing! 切り取った湖面の一部を背景に張り付ける。複製、透明度の変更などを行う。 プリセット保存 同じトーンカーブ、色調補正を設定するのはめんどくさいのでプリセット保存を行う。トーンカーブで言うと、右上にリストのアイコンが出るので、そこから保存を行う。 ショートカット名 内容 トーンカーブ Ctrl+M 色調補正 Ctrl+L ・参考 Photoshopのトーンカーブはプリセットを保存すれば同じ効果を簡単に再現できる |

ぼくらが迂闊にUIを作ると、そこにはユーザの正直な目線があり、非常に様々な、そして真っ当な反応がある。 曰く「わからん」「まさかそこをクリックするとは」「不思議な動作」「独自宇宙」「モリスUI」。 反応がもらえるのは非常に良いことだが、何度も何度も繰り返しているとつらくなってくるので、できれば避けたい。分かっている(いた)ことは最初から対応しておきたいものだ。*1 ということで、ここではブラウザで操作する管理画面等のWebUIを作るとき、真っ先に心得ておくべき5つの鉄則を紹介したい。これを守っていてもDISられなくなるというわけではないが、これを守らないと間違いなくDISられるので注意しよう。 なおこの記事ではオリジナリティというものについては考慮しない。オリジナリティとか犬に食わせろ。 クリックできる場所はcursor:pointerを指定しろ これを忘れるとこの世のものとは思えないくら

スマホで何でもできる時代、TOEIC対策の勉強もスマホひとつでできるものが多く存在します。 ただ多すぎてどれをやればいいのか悩んでしまうことも。 スマホの容量もあるので何個もダウンロードするのは大変ということで、今回はジャンル別におすすめのTOEIC対策アプリをご紹介します。 TOEIC対策アプリ総合ランキング リスニング対策アプリ リーディング対策アプリ 長文対策アプリ 英単語対策アプリ そして最後にTOEIC対策アプリを使ったおすすめの勉強法も書いているので、参考にしてみてください。 スマホアプリでTOEIC対策をすることによって、学習時間も増えてきっとスコアアップが目指せるはずです。 900点突破！おすすめのTOEIC対策アプリ総合ランキング TOEICで最終的には900点越えを目標としている人も多いと思います。 ただあふれかえっているTOEIC対策の学習教材や勉強法から、900点突

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所

１－１．コントラストコントラストは、明確な視覚的差異を用いて重要な要素を強調します。色のコントラストは最も一般的な形で、強い色対比を使うことで特定の情報やアクションを際立たせます。 サイズや形状のコントラストも同様に重要で、大きな要素や異なる形状は視覚的に目立つため、キャンペーンのキャッチフレーズやウェブサイトのボタンに使用されます。 １－２．整列整列は要素を一列に配置し、整った見た目を作り出します。テキスト、画像、ボタンなどが整然と並べられることで、全体のデザインが統一され、情報が追いやすくなります。 整列は、ユーザーインターフェースやグラフィックデザインにおいて、読みやすさとナビゲーションの改善に貢献します。 １－３．繰り返し繰り返しは、デザイン内で一貫性と認識を高めるために同様の要素を使用します。これにより、ブランドアイデンティティを強化し、ユーザーに親しみやすさを提供します。 繰り

学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる本 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行本 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオススメとのことです。よっしゃ、学ぼう。 新人デザイナーのための色彩デザイン・配色のルールを学べる本 新人デザイナーのための色彩デザイン・配色のルールを学べる本 作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10/01メディア: 単行本 クリック: 1回この商品を含むブログを見る WEBというより印刷のデザイナー向けの本なのかな？という印象なのですが色の使い方という意味では勉強になりました。 特色の話やCMYKプロセスカラーの話は一旦無視しながら

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

印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて

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