カラーパレットを直感的に作ってページの見え方を確認できPNG・HTML出力もできる「Paletton」
色の組み合わせによって人を信頼させたり安心感を与えたりすることが可能ですが、複数の色を使う場合に統一感のある組み合わせを生み出すのはなかなか難しいもの。「Paletton」は簡単な操作で直感的に色の組み合わせることが可能で、実際にウェブサイトに採用したらどうなるのか？ということもサクッと確認でき、HTML・CSS・LESS・XML・TEXT・PNG・ACO・GPLなどさまざまな形式で出力することも可能という、かなり使えるサービスとなっています。 Paletton - The Color Scheme Designer http://www.paletton.com/ ページにはカラーホイールと、その隣に選んだ色の組み合わせが見られるパレットが表示されています。 ホイールの上にあるボタンからピックアップする色の数や組み合わせ方を選ぶことが可能。初期設定では1色だけをピックアップするようになっ
ウェブサイトやブログによくあるリストデザインが流行のグリッドデザインよりも有効なわけ
「ウェブの未来を担う次のUIデザインは『カード』にあり」と言われるなど、ウェブサイトを格子状にレイアウトしたグリッドデザインは人気で、多くのアプリやウェブサイトで採用されていますが、実際にグリッドデザインと以前からあるリストデザインの2種類をテストしてみたところ、「リストデザインの方が明らかに見やすく、ユーザーの反応がいい」という結論が出ました。 List Beats Grid: Linear Feeds Perform Two to Three Times Better Than Grids http://blog.getprismatic.com/list-beats-grid-linear-feeds-perform-two-to-three-times-better-than-grids-2/ グリッドデザインとリストデザインのどちらが本当に効果的なのか？ということを調査したのはソ
capptivate.co is coming soon
is a totally awesome idea still being worked on. Check back later.
少ない装飾で素材の魅力を生かす、ズルいWebサービスデザイン実践編 // Speaker Deck
WCAF Vol.11 「Design」 in 福井 で発表させていただきました。 http://wcaf.doorkeeper.jp/events/7028 協力： we love heroku by @ppworks http://welove.herokuapp.com/ （参考）ppworks 氏によるエントリー http://www.genuineblue.jp/posts/weloveheroku-design-renewal/ ズルいデザインテクニック2013 + セミフラット version - in 福井 https://speakerdeck.com/ken_c_lo/zuruidezaintekunituku2013-plus-semihuratuto-version-in-fu-jing
NASAのマニュアルに学ぶ読みやすいタイポグラフィを作る11個のルール
航空機のコックピット内には、緊急時対応マニュアルなど多くの書類が置かれていますが、マニュアルが読みにくく緊急時に対応できない、夜間飛行時に全く読めないなどの事例が1980年代に多数発生しました。そこで、NASAは読みやすい書類を書くために過去の文献などを徹底的に調査して、コックピットやフライトデッキのマニュアルに使用するタイポグラフィのマニュアルを作成。調査書には、読みやすいタイポグラフィを作るためのルールがまとめられており、現在のウェブデザインにも活用できる内容になっています。 (PDFファイル) ON THE TYPOGRAPHY OF FLIGHT DECK DOCUMENTATION - Flight-Deck_Documentation.pdf http://ti.arc.nasa.gov/m/profile/adegani/Flight-Deck_Documentation.p
Satoshi Murata Design
murata_sMy name is Satoshi Murata. I’m a designer from Kyoto, Japan. I design and develop digital products and services.
[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した
角丸の話題が盛り上がってましたね 先々週webデザイナーである彩さん(@maritime_color)のブログDesign Colorで、角丸をどういう場合に使うか、という記事がすごい話題になってました！ デザイン時に注意したい角丸の使いかた | Design Color そしてその後、ナナメウエの変態イラレラー(褒めてます)すずきさん(@suzukisan__)もそれに続き角丸に触れる記事を書いたりしていました。 illustratorで角丸を扱う際の注意点 ※追記しました | ナナメウエblog 私も以前デザインが苦手な人も分かる「デザインは全て意味がある」6つの要素という記事を書いたとき、角丸についてはさらっと触れるに留めたのですが、いずれもっとがっつり言語化したいものだと考えていました。 気になることもあったし、ちょうど良いので今回便乗して記事にしてみようと思います。 形状としての
![[デザイン]角丸を使う理由、不自然な角丸について徹底的に分析した](https://cdn-ak-scissors.b.st-hatena.com/image/square/9068d7a52b34c4de9a5be296ee0a927a28903d59/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2013%2F02%2Fdesign-rounded-corner-13-150x150.png)
iPeg - I, Pascal Eggert
This Website uses cookies to improve your experience. By continuing, you agree to this use Learn more The THOR A1 is a weapon like no other. It holds 50 rounds of 5.56x45mm and delivers the punch of a rifle in the dimensions of a PDW. With the simple press of a button the THOR brings buttstock and foregrip into firing position and delivers 100% CRISAT body armor penetration. All this is possible d
Free beautiful web icons - Vector social media icons
Beautiful Free icons In png, svg, vector, CSS sprite and webfont formats... Vector and webfont Social Media icons for free! 444 png black and white web icons + 72 color and vector Social Media icons for free ! Easy to integrate in your website or your mobile apps by using CSS sprite and/or webfont. Download Full pack Color + Black and White Normal and @2x PNG, SVG, PDF, AI and EPS CSS sprite Web f
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
Lab色空間 - Wikipedia
CIE 1976 (L*, a*, b*) 色空間 (CIELAB) を上から見た図 CIE 1976 (L*, a*, b*) 色空間 (CIELAB) を正面から見た図 CIE 1976 (L*, a*, b*) 色空間 (CIELAB) のうち、sRGBの色域に収まる範囲（当時の一般的なコンピュータのディスプレイに表示できる範囲）だけを示した図。それぞれの軸は -128 から 128 の範囲である。 Lab色空間（エル・エー・ビーいろくうかん、英: Lab color space）は補色空間の一種で、明度を意味する次元 L と補色次元の a および b を持ち、CIE XYZ 色空間の座標を非線形に圧縮したものに基づいている。 Hunter 1948 L, a, b 色空間の座標軸は L、a、b である[1][2]。しかし最近では CIE 1976 (L*, a*, b*) 色空間の
これは優れもの！ ドアのカギをかけたかどうかが分かるカギ -Keyhole
ドアのカギをかけた後、僕はノブをガチャガチャとやって確認するのが癖なのですが、このカギがあれば外出先でもカギをかけたか確認できる素晴らしいアイデアのカギを紹介します。
いつ来るか分からない15分のために常に準備をしているのがプロ、デザイナー奥山清行による「ムーンショット」デザイン幸福論
「自分が考えていることを、その場で決められた時間の中で他の人とシェアしないのは、プロとして犯罪に近い」 「プロというのはシステムで仕事をする人間である」 「いつ来るか分からない15分のために常に準備をしているのがプロで、来ないかもしれないからと言って準備をしないのがアマチュア」 などなど、非常に刺激的な言葉が次々と飛び出したのが、CEDEC2011の2日目基調講演「「ムーンショット」 デザイン幸福論」です。 国際的な活躍を続けるインダストリアルデザイナー、奥山清行氏による講演となっており、「実際に会場にいらした方に直接語りかけたい」という本人の強い希望によって、ニコニコ動画「CEDECチャンネル」での配信や講演資料の配布はなし、「最後の瞬間まで講演内容を考えたい」ということで演題・内容についての事前発表もなし、という直前まで謎のベールに包まれていた講演だったのですが、見ての通り少し書き出し
??????????? ???????|???????
????????????????????????????????????????????????????????????????????????????????????????????????????64�64pixel?48�48pixel????90????gif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - hemantasapkota/FlatUIColorPaletteXCode: FlatUI Colors palette for XCode
Windows ストア アプリの UX ガイドラインの索引 (Windows)
Flat UI - Free Bootstrap Framework and Theme
On Guns in Video Games [ Guest Post ] -
http://handywebdesign.net/2012/07/12colors-give-you-the-impression/
