TED: Ideas worth spreading

2005/05/24 2296 users Inspiration entertainment TED

TED (Technology, Entertainment, Design) is an invitation-only event where the world's leading thinkers and doers gather to find inspiration. Initially an annual conference, the scope of TED has expand... 続きを読む

感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | Design | WebNAUT

2013/08/13 1996 users WebNAUT DESIGN 原則 要素 デザイン

Category Direction Design Markup Develop Others About WebNAUT 株式会社ビーワークスの運営する研究紹介サイト。クリエイティブに関する様々なお役立ち情報を通して、ビーワークスのこだわりや制作プロセスをご紹介しています。 詳しくはこちらから。 Tag 3D Ai application CSS Dreamweaver Google Analy... 続きを読む

よりよいWebデザインにするための配色のセオリー :: Love & Design ::

2008/03/19 1400 users セオリー DESIGN 配色 LOVE 過言

第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーを... 続きを読む

厳選10本！ブログで使えるスグレモノツールまとめ :: Love & Design ::

2006/09/08 1362 users DESIGN LOVE mixi オシャレ Webデザイナー

プロのWebデザイナーじゃないけど、ブログをもっとカッコよくしたい！もっとオシャレに見せたい！という方のために、これまで紹介したブログで使えるスグレモノツールをまとめてみました。 便利なフリーソフトはたくさんありますが、この中でお気に入りが見つかるとうれしいです。 名付けてsweetloveパック（livedoor風味） 画像系 ImageChef（日本語・携帯にも対応） ワンポイントや mixi... 続きを読む

UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか - Hack Your Design!

2013/11/21 874 users DESIGN 論理 Hack Your 理論 便宜上

「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して嬉しいことではない。 ユーザーは「最高にクールなUI」がわかるか？ まずこの問いから始めた... 続きを読む

新サービス立ち上げ時の重要指標のデザイン - クックパッド開発者ブログ

2016/08/30 847 users 重要指標 クックパッド開発者ブログ ビットジャーニー 出口

2016 - 08 - 30 新サービス立ち上げ時の重要指標のデザイン Design こんにちは、株式会社ビットジャーニーに出向中の出口 ( @dex1t ) です。ビットジャーニーでは、 社内情報共有ツール Kibela *1 のサービス設計やプロダクトマネジメントに責任を持ちつつ、エンジニアとして開発全般に携わっています。 今回は、新サービスの立ち上げ時にどのような考えで重要指標 *2 を設計... 続きを読む

たった１分でかっこいい写真に変身できる！Webツール :: Love & Design ::

2007/01/17 741 users DESIGN LOVE Webツール かっこいい写真 thx

ブログや mixi に写真をかっこよく載せたい人は必見！ 画像処理ソフトを持っていない人や、めんどくさがり屋さんにもピッタリのオンラインフォトエディタを2つご紹介します。ユーザー登録・インストールも不要で誰でも簡単にフォトショップ顔負けのかっこいい写真が簡単に作れちゃいます。 【PR】ネットで画像を無料加工 PXN8.COM - Online Photo Editor （やのさん thx!） 説明... 続きを読む

第一回 プログラマ向けデザイン勉強会 #design4p で「ズルいデザインテクニック」発表させていただきました。 - 納豆には卵を入れる派です。

2012/11/15 699 users 納豆 ズルいデザインテクニック Sass DESIGN 半月

design, Sass, 作ったものどうも。書くのが遅くなりすぎてもう半月ほども前のことになってすごく今更感があるのですが、書いておくべきことを書きそびれると、その後出てくる他の書きたい小ネタがどんどん書けなくなっていってドンづまるパターンになるので、やはり書いておきますね。。先日、第一回 プログラマ向けデザイン勉強会というイベントで下記のスライド発表させていただきました。少ない手間と知識でそれ... 続きを読む

覚えておきたい配色のワザと便利なツール :: Love & Design ::

2007/05/17 689 users DESIGN 配色 LOVE ワザ Hue

色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相（しきそう：Hue） 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 （色相はつながりあって色相環という輪になります。） 彩度（さいど：Satura... 続きを読む

はてなブックマーカー御用達ツールまとめ :: Love & Design ::

2006/09/30 688 users DESIGN LOVE

はてなブックマークで効率よく情報を集めたり、お気に入りのブックマーカーを探したいときに役立つツールをまとめてみました。 ※はてなの公式サービスではありません。 ※開発者id:はてなユーザー名（敬称略） Zer0Reader　id:suVene お気に入りを階層的に辿って趣味の近いブックマーカーを探せます。 はてなの naoya氏も言ってたように、「お気に入り機能」をもっと活用しようよというツール ... 続きを読む

レスポンシブデザインにすぐ使える！すごいアイデア30個 | コリス

2016/03/04 662 users DESIGN スクロール フォント トリミング スワイプ

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet... 続きを読む

「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 | 56docブログ

2013/03/13 661 users Hue 素養 DESIGN 配色 ゴロドクさん

「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 【Design】 wrote on 2013/03/13 http://blog.56doc.net/Entry/553/「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」 Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基... 続きを読む

ナウなヤングにバカウケな「検索サイト」まとめ :: Love & Design ::

2007/05/23 656 users ナウ DESIGN LOVE ヤング 検索サイト

Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 続きを読む

写真をオシャレに見せたい人のための便利なツール :: Love & Design ::

2006/08/24 648 users DESIGN LOVE 余白 オシャレ ポラロイド風

【PR】あなたの写真を簡単キレイに無料補正 写真をポラロイド風に ひとつ目は、あっという間に写真をオシャレにできるオンラインツール Polaroid-o-nizer アップロードした画像（GIF・JPEG・PNG）のURLを入れてクリックするだけ 余白に文字を入れることもできます。（英語のみ） お好みで写真の角度を自由に変えられます。 ■ポラロイドイメージの作り方 Background color... 続きを読む

エンジニアこそ色彩デザインを学ぼう - pblog

2014/07/17 626 users DESIGN 配色 単行本 スライド pblog

2014-07-17 エンジニアこそ色彩デザインを学ぼう design 学ぼうよ、と思っていて、 新人デザイナーのための色彩デザイン・配色のルールを学べる本作者: 柘植ヒロポン出版社/メーカー: ソシム発売日: 2011/10メディア: 単行本 クリック: 1回この商品を含むブログを見る を読んでいました。 @ken_c_lo氏が以下のスライドで触れていますが、エンジニアがデザイン学ぶのマジオスス... 続きを読む

画像が簡単にできるジェネレーターいろいろ :: Love & Design ::

2006/08/19 626 users DESIGN LOVE ジェネレーター mixi 画像

ブログにちょっと画像がほしいなぁというときに便利なジェネレーターを集めてみました。 専用ソフトがなくても、簡単にあっという間にできちゃうのがいいですね。 ImageChef（日本語対応になりました） こちらは ボムガール | ブログに使えそうなジェネレーター で紹介されていたのですが、なんと75種類あります。 mixi のプロフィールにも使えそうですね。 関連 テキストでハート型などの画像が作れる... 続きを読む

美しいレイアウトを計算してくれるツール :: Love & Design ::

2006/08/31 605 users 白銀比 DESIGN レイアウト LOVE 黄金比

以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲　レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780... 続きを読む

覚えておくと便利なバランスのよい縦横比とバナーサイズ :: Love & Design ::

2008/04/23 600 users レイアウト 名刺 はがき 白銀比 縦横比

Web サイトのレイアウトを考えたり写真や画像をトリミングする時、意識して縦横比を統一すると全体のバランスがよくなります。そんな時に、覚えておくとちょっと便利なバランスのよい「縦横比」と「国際標準バナーサイズ」を紹介します。 デザイン的に「見やすい」または「美しい」とされる縦横比。 1 : 1.4 日本建築やハガキ・用紙サイズに用いられる白銀比 1 : 1.6（または5：8） 名刺などに用いられる... 続きを読む

コーダーに喜ばれるデザインの作りかた | Webamb | ウェブアンブ

2013/06/24 591 users Webamb コーダー coding カンフ ウェブアンブ

Web amb I'm writing about Web Design, Coding, WordPress, CSS Preproccer, Developer Tool, and more... コーダーに喜ばれるデザインの作りかた 僕は普段実装をやっていて、カンプが届いて「これをコーディングしてください！」っていうお仕事がほとんどなのですが、カンプによってはコーディングしやすいものからデザ... 続きを読む

あなたは見分けられる！？定番フォント代わりに使えるGoogle Fonts 27書体 | Design | WebNAUT

2014/01/06 557 users TypeSquare WebFont WebNAUT 書体

あけましておめでとうございます！定番フォントを愛してやまない、デザイナーTです。今月からTypeSquareの「MORISAWA PASSPORTプラン」が始まるようで、国内サイトでもWebfontの使用が一気に増えそうですね！ そこで今回は、WebNAUTでも使用しているWebfontサービス「Google fonts」から、定番フォントの代わりに使えそうな書体をリストアップしました。 定番フォ... 続きを読む

勘違いだらけのAndroid UIデザイン

2012/08/22 547 users 勘違いだらけ Android UIデザイン Apps Inc

勘違いだらけのAndroid UIデザイン — Presentation Transcript 1 WAVEイベントセミナー・アプリ制作勉強会勘違いだらけのAndroid UIデザイン Android UI Design, Too Much Misunderstanding Nobuya Sato Secret Lab, Inc. August 21st., 2012 Twitter: #apps... 続きを読む

お手本にしたい Web デザインのギャラリー10選 :: Love & Design ::

2007/03/18 542 users DESIGN インスピレーション LOVE CSS 配色

Web デザインに限ったことではありませんが、何かを学ぶときは良いお手本を探すことが大切ですね。そのお手本を真似ながら、たくさん 練習することが上達するための何よりの方法だと思います。 そんなお手本にしたいきれいな Web デザイン（CSS）ばかりを集めたギャラリーを10サイト選んでみました。配色に悩んだり、デザインのアイデアが浮かばない、そんなときもインスピレーションを与えてくれそうです。 01... 続きを読む

グリッドデザインに使えるツールいろいろ | DesignWalker

2010/05/11 520 users DesignWalker グリッドデザイン グリッド 要素

ウェブサイトをデザインする際、レイアウトはどのようにおこなっていますか？ ガイドにあわせて、要素を配置できるグリッドを使用すると、レイアウトがワンランクアップしますよ！ 今回は、そんなグリッドデザインに使えるツールをいろいろご紹介します。 Grid Style In Modern Web Design: Showcase and Resources 美しいグリッドデザインのサイトがたくさん集められ... 続きを読む

ウェブデザインにおける効果的な背景の使い方 | コリス

2009/04/14 506 users 意訳 コリス ウェブデザイン うえ DESIGN

Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェ... 続きを読む

ちょっと使えるかもしれないCSS(1) - 見出しを飾る | オトコのキモチ２

2006/09/23 496 users きもち CSS オトコ 見出し padding

ちょっと使えるかもしれないCSS(1) - 見出しを飾る Design ちょっとHTML(2) - h4，h5 で紹介した見出しをCSSで装飾する例をいくつか。 見出し h4 はてなでよく見かけるタイプ。 h4 { width:12em; border:solid #CCCCCC; border-width:0 0 1px 12px; padding:0.4em 0.4em; } 見出し h4 付... 続きを読む