「Yahoo！JAPANアプリ」を支える3年目デザイナー ヤフー・平野彩花さん
――これまでの経歴と、今のお仕事内容を教えてください。 武蔵野美術大学を卒業後、2012年にヤフーに新卒入社しました。これまでに「Yahoo！ネット募金」や「Yahoo！ボランティア」といった社会貢献系サービスのデザインに携わり、今は「Yahoo！JAPANアプリ」のデザイン制作を担当しています。 Yahoo！JAPANアプリはその名の通り、ポータルサイト「Yahoo！JAPAN」の各種サービスをスマートフォンやタブレットで利用できるアプリです。規模が大きなサービスなので、社内でも担当者が沢山います。その中で私は、デザインやユーザビリティー調査などの業務に携わっています。 ――これまでに手掛けた制作物の中で、特に思い入れ深いものはありますか？ 昨年12月ごろ、「スター育成プログラム」という社内ベンチャー制度を使って開発したモバイルアプリはとても思い入れがあります。 スター育成プログラムは、
アップルCEOスティーブ・ジョブズ氏のデザイン哲学 - Zerobase Journal
デザインは「どう見えるか(how it looks)」ではなく、「どう機能するか(how it works)」の問題です。 以前「デザイン」という言葉を、どういう意味で使っていますか？という記事の中で次の言葉を紹介しました。 『デザイン』というのは奇妙な言葉だ。 デザインは外観を意味すると思っている人がいる。 だがむろんそうではなく、もっと深く掘り下げた場合、 デザインとは本来は機能のことなのだ。 本当にいいデザインにしたければ、 製品を『理解する』ことが必要だ。 それがいったいどんなものなのか、 真にグロク(共感して完全に理解)しなければならない」 スティーブ・ジョブズ (※出典) これの英語版（原典）をみつけました。こちらのほうがずっといいです。というのも、ジョブズ氏は「デザインとは本来は機能のことなのだ」とは言っていないからです。 Design is a funny word. So
写真撮影時の「照明配置」の仕方を共有できるサイト「Strobox」*二十歳街道まっしぐら
まず「Strobox」にアクセスしましょう。 「View Gallery」から投稿された写真を見ることができます。 上部にフィルタがありますので、写真の絞り込みが可能。 たとえば、こちらの写真。 左側に実際の写真、右側に照明配置の図が載っています。 こういう風な照明配置で写真を撮ると、こう撮れましたというのが分かりますね。 閲覧だけじゃなく、写真のアップロードもできます。（写真のアップロードは無料登録が必要。） アップロードするファイルは2種類。実際の写真と照明配置図です。 また、EXIFデータなど詳細情報も書き込めます。 （※アップロード時にエラーがでてもリロードすると正常にアップロードされてます） 照明配置図なんてどうやって書けばいいのさ！て人のために、専用のiPhoneアプリ（無料）があります。 「iPhone App」よりダウンロードしましょう。 似たサイトで、Online Lig
写真加工に活用できるPhotoshopアクション100種類:phpspot開発日誌
100 Free Photoshop Actions (And How to Make Your Own) 写真加工に活用できるPhotoshopアクション100種類と、Photoshopアクションの作り方について書かれたエントリのご紹介です。 多数のアクションがあって、よく使いそうなものは入れたりカスタマイズしておくと便利ですね。 Photoshopのチュートリアルサイトで解説されているような一連の流れもよいものはAction化しておくとよさそうですね。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 写真にビンテージ感を出せるPhotoshopのアクション集 写真をもっと魅力的にみせるためのPhotoshopアクション１００ 写真をいい感じに一瞬で加工してくれるPhotoshopアクション４５
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
0to255
There are 16,777,216 color hex codes. With so many options, how do you choose the right color? The latest research on color perception tells us that somewhere between 40% to 99% of these colors are indistinguishable to the human eye.* Which begs the question: if we can't see the difference between two colors, why should we waste time deciding between them? What if you could easily narrow down the
デザインのいいブログおしえｒ・・・教えてください ニュース速報BIP
1 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:54:22.77 ID:FS2s1X7Q0 二十歳街道まっしぐらとか http://tokuna.blog40.fc2.com/ 3 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:55:55.34 ID:FS2s1X7Q0 どんどん教えてくだしあ 4 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:56:45.45 ID:3gtZLmqc0 ぷにるのブログとか? 6 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:57:51.94 ID:FS2s1X7Q0 >>4 これか フェンリル | デベロッパーズブログ http://www.fenrir.co.jp/blog/ 8 以下、名無しにかわりましてVI
フリー素材をメインにしたWEBデザイナーのサイト STOCK STOCK
STOCK STOCKは、商用OKのフリー素材を中心にしたフリーランスのWEBデザイナーのサイトです。 ご利用規約をご覧の上、色々ご利用ください！ 2010年2月26日 : 若葉マーク アイコン 2010年2月25日 : 星 スター アイコン 2010年2月24日 : 盾・シールド アイコン 2010年2月23日 : クリップ アイコン 2010年2月22日 : フロッピーディスク 2010年2月19日 : チェック アイコン 2010年2月18日 : CD-ROM CD アイコン の掲載やラボを目的にフリーランスのWEBデザイナー制作したのがSTOCK STOCKです。 CMSサイトを作りたい・WEBという枠の中で色々な人が使えて役にたつサイトの運営を目的にサイトを作りました。 素材は、得意とするシンプルなもの、きれいで柔らかいものを中心に展開していく予定です。 お気に召したらリンクや
ホームページ制作に無料で使えるフリーアイコン素材を簡単検索。Materialand
新しく登録された素材の一覧です。 様々な素材が登録されているので定期的にチェックしましょう。 あなたのホームページのアクセントにアイコン素材を使いましょう。 欲しい素材が無い場合は検索フォームから検索してみましょう。 素材提供サイトを運営されている方は、新規アカウント登録を行って素材を公開することができます。
ウェブデザイナーらしく周りの子がうらやむクールなデスクトップ画像を手に入れよう
うっとりくるような壁紙の嵐エントリがありました。 また、ついでなので過去に発掘してあった壁紙まとめエントリーもまとめました。 是非暇なときにでもどうぞ。 いろんな壁紙 以下エントリーには５０もの壁紙が紹介されていました。 50 Gorgeous Wallpapers to Spice Up Your Desktop - Noupe さらにその中でも、私個人がたまらんなぁと感じた３つをピックアップ。 ここからが本番というかおまけ 風景の中に女の子が一人だけいる画像下さい ぶる速-VIP イラスト中心全40個。 神々しい画像ください - がぞ～速報 なんかぐっとくる風景一覧。29作品＋おまけが1。 【66枚】神秘的な壁紙画像ください カナ速 どれもこれもかなりお勧めの壁紙だらけ。 壁紙に使える素敵な画像ください＞＜ - がぞ～速報 上のやつとじゃっかんかぶるものがありますが、結構インパクトのあ
An Explosion of Adobe Fireworks Resources - noupe
An often overlooked member of the Adobe Creative Suite is Adobe Fireworks. This application software can be used to create vectors, design application interfaces, digital artwork, and create rapid prototypes of websites. Adobe Fireworks can also generate PDF’s, export CSS based layouts, and a variety of other features. However, Adobe Fireworks resources are not easy to find. Resources are scattere
フリーのillustratorパターン225+ – creamu
illustratorで使えるパターンを探している。 そんなときにおすすめなのが、『225+ Free Adobe Illustrator Patterns』。フリーのillustratorパターン集です。 aiとpng、そしてPhotoshop用のパターンファイル（.pat）も入っていたりしますね。 円形のパターン 格子縞のパターン ハーフトーンパターン ハート柄のパターン 水玉のパターン 斜線のパターン ダイヤモンド型のパターン ダマスコ織のパターン ほかにもいろいろあるので、ぜひ見てみてください。 225+ Free Adobe Illustrator Patterns 今日は金曜日！テンション上がってきた。
Photoshopでウェブサイトをデザインする方法 / ウェブデザインライブラリー
投稿日：2010年01月12日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでウェブサイトをデザインする方法を紹介します。 Step1 ： はじめに Step2 ： タブ型のボタンを作る Step3 ： ロゴ、スローガンを配置する Step4 ： 6つのボックスを作る Step5 ： テキスト・画像を配置する Step6 ： 完成 新規ドキュメントを1000ピクセル×1355ピクセルで作成し、 「#2493b0」と「#23454c」の色を選択してグラデーションツールのリニアグラデーションを使って背景を塗ります。 最も明るい色を画面の上にします。 長方形選択ツールで、横がキャンバス幅、縦が50-150ピクセルの長方形を描いたら、 「#222223」の色で塗ります。すると次のようになります。
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Design
http://www.designwalker.com/2010/06/html5-template.html
素材写真 | Shutterstock: ロイヤリティフリー素材写真
SimpleAPI - ウェブサイト・サムネイル化ツール
白地図、世界地図、日本地図が無料【白地図専門店】
Web Site Wireframe Tool