カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応
カラーコード変換ツールについて使い方基本的に、気になったところをクリックすれば、その色の色コードを調べることができます。Hex(16進数)からRGB(10進数)に変換したい場合は、Hexに直接カラーコードを入力するか、画面上部のカラーピッカーで色を選択して下さい。例えば、RGB(10進数)からHex(16進数)に変換したい場合は、R、G、B、それぞれに10進数でRGB値を入力して下さい。色コードをコピーしたくなったら、画面上部のナビバーの、コードの部分をクリックして下さい。補色と反転色補色は、色相環上の正反対に位置する色です。メインカラーに対するアクセントカラーの候補となります。反転色は、カラースケール上のRGB値を反転させた色です。こちらもメインカラーに対するアクセントカラーの候補となります。HSVとHSL色空間HSV、HSL値におけるSは「彩度」です。この値を減らすと、薄くなり、背景色
プレゼン資料の表現力が増す！ビジネス用途に使いやすいフリーアイコン（×331個）のご紹介 ｜プレゼンデザイン
この記事は2015年11月09日時点の情報に基づいて書かれています。情報が一部古くなっている場合があるためご注意ください。 プレゼン資料の表現の幅を広げるうえで、あると便利なのがアイコンです。しかし、資料作成の途中でアイコンを探すのに手間どったり、必要な種類がそろわず色や形がちぐはぐになってしまった経験はありませんか？今回紹介するアイコンは数が豊富（331個）なうえ、大きさや色も自由に変更可能。幅広い用途をカバーできること間違いありません！ 実力派アイコンの「iconSweets2」を パワーポイント向けにコンバートしました さて、今回ご紹介するアイコンですが、ウェブデザインに関わる方ならどこかで見覚えがあるかもしれません。ソースは、”Yummygum（http://yummygum.com）”という海外のデザインスタジオがリリースした「iconSweets2」というアイコン集で、これをパ
Dribbble - Show and tell for designers
Get inspired by the work of millions of top-rated designers & agencies around the world.
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
見ないと絶対損する！プレゼン資料の印象がグッと上がる良質記事10選 | SIROKグロースハックブログ
誰もがかっこいいプレゼン資料をつくりたいと考えていますが、とても難しいことです。今回はプレゼン資料の印象を簡単によくする方法について書かれた記事をまとめました！ 伝わるデザイン｜研究発表のユニバーサルデザイン どうすれば伝えるデザインにできるかについてとても分かりやすく説明されています ビジネスデザイナーZIBA濱口秀司さん のシンプルな図解とフレームワーク プレゼンにも活かせるシンプルで伝わる図解について分かりやすく書かれています。 パワポでの提案書作りに役立つデザイン基礎知識まとめ 時間をかけずに優れたプレゼンを作れる方法が載っています。ビジネスマンにおすすめです プレゼン資料の印象がグッと上がるフォントの法則 フォントの使い方一つでプレゼンの見た目が大きく変わります。 [Webデザイン] 文字組みについて本気出して考えてみた 文字組みの仕方でプレゼンの印象は大きく変わります レイア
『デザインは8の倍数でできている』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 mama&crowdのデザイナー、長谷川彰之介です。 今回は、WEBサイトの「余白」や「ブロックサイズ」「WEBサイトの横幅」に対して 「最適な値は存在するのか？」 について考えてみたいと思います。 少々長いですが、お付き合いのほどよろしくお願いします。 ボックスサイズとは、「ヘッダー」「コンテンツ」「ナビゲーション」などの ひとつひとつの固まりの大きさ（サイズ）を指します。 【第１部】8の倍数 WEBサイトのUIをデザインしていて悩まされるのが「余白」です。 「ここは3px…いや4pxか。もっと空けたら見やすくなるかもしれない。6p
マイルス、その日その日
2016年12月29日16:15 by マイルス・スマイル 年末年始休業日のお知らせ カテゴリ営業時間・日程 miles1000 Comment(0)Trackback(0) 年末年始の休業日は 12/30〜1/2となります。 1/3から通常営業です。 どうぞよろしくお願いします！！ --------------------------------------------------------- 豊中市新千里東町1-5-2 千里セルシー5F tel：06.6872.8877 mail：info@miles-mile.com HP：http://www.miles-mile.com/ ※毎週木曜定休日 HOMEPAGE facebook instagram タグ ：#営業日#定休日 2016年11月27日13:04 by マイルス・スマイル 12月の定休日 カテゴリヨシダ営業時間・日程 m
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
これまで見た中で最も洗練された“お肉屋さん”のパッケージデザイン | PR EDGE
Case: CORELLA Package 総合スーパーがこれだけ広まっている今なお、「お肉はやっぱり専門店（お肉屋さん）で買うのが一番」と言われることはさして珍しいことではありません。 町のお肉屋さんの強みといえば、地元の人達との人間関係や“お肉の品質・鮮度（プロダクト自体）”であり、その点にこだわりぬくお店が多い中にあって、一方で他の小売業ではマーケティングにおいて重視されている“商品パッケージ”を、差別化のポイントにしているお肉屋さんは希少ではないでしょうか。 そんなお肉屋さんの常識を覆すような取り組みを、スペインでお肉とチーズの小さな専門店を営む「CORELLA」が実施しました。マーケティングの一環として、商品パッケージとロゴを地元の広告会社に依頼してリデザインしたのです。 新しいパッケージデザインがこちら。 白と黒を基調としたシンプルなデザインで、“どの部位”のお肉なのかが直感的
モバイルサイトのナビゲーションメニューは画面下に置くべき
2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト！ よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい
iPhone アプリを効率的にデザインするのに便利だったツール
最近は、コワーキングスペース タネマキ の方で、記事を更新しています。@uetsuhara でも気になったニュースや記事など流してます。良かったら覗いてみてください。 読了目安 3分19秒 また一年ぶりの更新ですが、先日 iPhone アプリ「らくらく人狼」ってのをリリースしたので、宣伝がてら記事を書いてみました。 僕自身は、初めての iPhone アプリ制作で、右も左も分からなかった（実際には右と左くらいは分かります。）ので色々調べつつやりました。その中で「うおー便利だなぁ。」と思ったツールを紹介してゆきたいと思います。基本的には、Mac と iPhone 前提でのツールになります。 今回のらくらく人狼アプリは、タネマキメンバーのイカさんと一緒に制作しました。イカさんがプログラムで、ぼくがデザインとかその辺でした。 Skala View これはとても便利でした。Photoshop の画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ビジネスマン必見！キレイな提案書を作るためのデザインの基礎知識
「1枚」で、パワーポイントの品質と生産性を向上させるデザイン・テンプレート｜PowerPoint Design
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
もしもデザイン界の一流ブランドが日常的な食品を販売したら
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ダウンロードしておきたいフリーのデザインフォントのまとめ -2014年1月
Augmented Tourist
ウェブデザインのセンスを磨こう！ 2013年洗練されたディテールのUIデザインのまとめ
Kotaku - The Gamer's Guide
