PalxPalx: Automatic UI Color Palette GeneratorProvide a single color value and Palx returns a full-spectrum color palette, well suited for UI design and data visualizations that work harmoniously with brand colors.
CSS見出しデザイン参考100選！コピペ可！どこよりも詳しく解説！
JAJAAAN代表です。このサイトの制作者です。趣味は、最近始めたアウトドア、最近始めた釣り、最近始めた格闘技です。尊敬する人はさかなくん。人生で学んだことは「女は怖い」ご連絡はメールかTwitterでDMください。 メール Twitter SEE MORE 今回はCSSのみで作れる見出しデザインについて100個サンプルを作ってみました。 見出しなどで使えるデザイン例についてどこよりも詳しく（おそらく..）紹介・解説しています。すべてCSSのみで実現しているものになりまります。 コピペしてそのまま使用していただいて構いません。デザイン例によって作成時のポイントや注意点も書いています。 CSSのみで作る見出しについて見出しについて、マークアップで使用されるHTMLタグはh1〜h6になるかと思います。サンプルのHTMLではh2を例にしていますが、hタグである必要はありません。ご自由なHTMLタ
月間30万PVのプロブロガーが無料でしてあげたことを台無しにするブロガー達について - ３０歳からの敗者復活戦
迫佑樹さんが発行されている「スキルをつけて人生の自由度をあげる」をテーマにしたLINEのマガジンを紹介します。 スキルアップに関してを知りたい方は登録必須です！ 無料LINEマガジンについて詳しくみる ※12/31 訂正 こんばんは ただほど高いものはない 無職のうさぎたんです。 私は、ブログの中で、無料でいろんなことをやってきました。 私の主な企画である無職コンサルが有名です。 無職コンサルとは、無職が弱小ブロガーをコンサルしてあげるという内容です。 詳しくは以下のリンクから。 blog.gyakushu.net しかし、私はこのような無料で行うことについて疑問に思い始めてきました。 今回はそのことについてお話します。 サービスには、正当な対価を払わなければいけない。 最近、佐川の配達員の荷物ぶん投げ事件が話題になっています。 www.xn--n8jvce0l6c.com 佐川の配達員が
数千ページのワイヤーフレームを書いてきたWebディレクターがUI設計時に気を付けている８つのこと。 - 笑顔を創りたいWebディレクターの日常
なんかすごい思い付きで www.adventar.org に参加してみたんですけども。 気づいたらいつの間にか自分の日になっていて面倒くさくなってきて激しく後悔したびっくりしたという。 ぼくはWebディレクターでありデザイナーさんではないし、すてきデザインができるようなビジュアルセンスのようなものは、誠に残念ながら母上から授けられずにこの世に生を受けているものですから、"いわゆる"デザインはやらないんですが、その前の画面設計についてはワイヤーフレームなるものでいっつもやっておりますので、その観点からなんか書きましょうとそういうことですお母様（謎） そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 Webディレクターとしてはえーと、もうすぐ丸１２年になります。そうするとまあ、たぶん数千ページは「ワイヤーフレーム」をつくってきたんじゃないかと思います。正確な数字はわかんないです
一番簡単なフォントライセンス使用許諾まとめ
標準的デザイナーのための必ず知っておくべき 主要フォントメーカーのフォントライセンスまとめ2015年度版 一番簡単に見れるフォント使用許諾一覧です。 もちろん各メーカー微妙に使用許諾条件・商用利用の約束が違うので 〇△×、表記の項目で分けられない部分もあるのですが この記事ではとにかく早くチェックすることを目的としていますので その点をご理解ください（重大なミスがあればご連絡下さい） また確実にチェックをする場合は必ずメーカーサイトをご覧下さい。 （個人のブログですし、メーカーも変更をよくいたしますので） ・印刷、画像〜印刷物やWeb画像などです。通常の一般用途。 ・ゲーム、アプリ〜ゲームソフトやアプリAppなどを作る ・映像、動画〜映像、動画作品やCMなど ・ロゴ〜ロゴタイプのデザインもしくはロゴマーク ・Webフォント〜webフォントとしての使用・webフォントに近いネットサービス ・
かすれたようなフォントの作り方（Photoshop）
今回はPhotoshopでかすれたようなフォントの作り方をご紹介します。 かすれた感じのフォントデザインは最近の流行りですね。グランジ系のデザインにとても合いそうです。 作り方はとても簡単です。今回はPhotoshopで紹介していますが、Illustratorでも同様にかすれたような表現はできます。かすれスタンプ風に加工したイラストの作り方ではイラストレーターで作る方法を紹介しています。こちらも併せてご覧ください。 まずはPhotoshopでかすれさせたいフォントを入力します。 今回はフォントArial、Boldで書いてみました。ない場合は似たようなフォントでも結構ですよ。文字はトラッキング（文字パネル→選択した文字のトラッキングを設定）で間隔を詰めておきます。
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 冒頭でも述べたように、Web デザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、 あなたはデザイナーです 。 指示された通りに動くマウスカーソルではありません 。ワイヤーフレームを作るのは、多くの場合プロジェ
使いやすいUIを追い続けてしまうと自己中になりやすい - WebSig24/7公式ブログ
posted on 2014.05.20 12:22 0 trackbacks 「使いやすくて目新しいUIにしてほしい」とWebやアプリのデザイン依頼で言われることがある。 よーしがんばるぞーと思って、デザインにとりかかる。 そしてデザインの第一案をだすと、もうちょっと目新しさがほしいよねーといわれ、第二案で新しい取り組みをいれると、もっと使いやすくならないかなとなり、次か次かそのまた次くらいでやっと「目新しいしく使いやすいUI」と呼ばれる何かができあがる。 順番はこの毎回この通りなわけではないし、もっと短く終わる場合もあったりするけれど、こうして「使いやすさ」を求めてデザインをリテイクしていくと、それは気づくととても自己中なデザインになっていたりする。 「〜しやすい」という言葉は、前提として比較する対象があるはずだ。 「使いやすい」というからには、使いづらい何か、もしくは普段使っているW
Webデザイナーに愛を込めて。ディレクターが意識すべき７つのポイント | LPO研究所
LPO研究所所長の鎌田です。 先日、弊社デザイナーが「新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法」という記事を書きました。 この記事は公開2日で1万人以上もの方にお読みいただきまして、本当にありがたい限りなのですが、そのなかで 「指示を出すディレクターにも問題があるのでは？」 というご意見を同時に多数いただきました。 皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません。 では、「売れるデザイン」をWebデザイナーに作ってもらうために、ディレクターは具体的にどう動けば良いのでしょうか？ 実はデザインディレクションにも、誰でもカンタンにマネできる「ちょっとしたコツ」があります。 今回は「デ
デザインする上で大切にしていること - デザイナーのイラストノート
デザインしてますか？spicagraphです。ふだんツールに関する記事を書いたり、Twitterでつぶやいたりしていると「こいつ見た目のことばっかりやな」と思われそうで、めずらしくデザインするとき大切にしていることについて書きます。わたしの仕事は主にEC、LP、プロモーション、コーポレートサイトなので、UI/UXみたいなかっこいい話でないことは前置きしておきます（でもだいじなおしごとだよ！） デザインは誰のため？ 大前提として、わたしは誰に向かってデザインしているのか。 わたしはフリーランスで仕事をしているため「お客さん」がたくさんいます。仕事をくれた制作会社のディレクターさん、クライアント、ユーザーです。webサイトの「お客さん」はユーザーですが、ユーザーだけがいいと思うものだけが良いデザインだとは思いません。 webサイトは更新されていくものです、多くの場合はクライアントによって。とい
フォント選びで個性が出る！ はてなデザイナーお気に入りのフォント16選 - Hatena Design Group
あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
【 バナーデザイン・アーカイブ ★★★ 】 - 様々なバナーのデザインを一覧でチェック！
バナーデザインをまとめたサイトです。様々なバナーのデザインをサイズや色から選んで一覧でチェック！バナー作成の参考にご活用ください！
バナーデザイン専門ギャラリーサイト | レトロバナー | 「レトロバナー」はバナーデザイン専門のギャラリーサイトです。サイズ・色・業種・テイストからバナーを絞り込む事ができ、バナーを一覧でチェックできます。バナーデザインの新たなアイデア・発想の源として要チェック！
運用力があるから結果につながる！リスティング広告やSNS広告の配信事例300連発OUARTETのバナーデザイン
livedoor Wikiグランプリ - ランディングページ（LP）のデザインまとめサイト - ランディング（LP）ページデータベース（Landing Page Database）
livedoor Wikiグランプリのランディングページデザインをご覧いただけます。ランディングページデータベースではこの他にもたくさんのランディングページデザインを集めています！
［GDC 2013］面白いゲームを作るキーワードは「マネタイズ」や「KPI」ではなく「100％ Fun」。森下一喜氏が語るガンホー流タイトル開発
［GDC 2013］面白いゲームを作るキーワードは「マネタイズ」や「KPI」ではなく「100％ Fun」。森下一喜氏が語るガンホー流タイトル開発 編集部：荒井陽介 ガンホー・オンライン・エンターテイメント 代表取締役社長 森下一喜氏。なぜか頭にカメラをつけて登壇した 米国時間の2013年3月29日，ガンホー・オンライン・エンターテイメント（以下，ガンホー）の代表取締役社長である森下一喜氏が，Game Developers Conference 2013にて「100％ Fun：Keeping Players Engaged（100％の面白さ：プレイヤーをつなぎ続けること」というセッションを開催した。 「パズル＆ドラゴンズ」（iPhone/Android）のヒットなどで好調なガンホーのセッションだけに，会場は多くの業界関係者で埋まった。4Gamerの読者であれば，以前森下氏に行ったインタビュー
『ガールフレンド(仮)におけるわくわくさせる運用デザイン』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。「ガールフレンド(仮)」のUIデザインを担当している西戸(@satomi0403)です。 「ガールフレンド(仮)」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲームです。ちなみに「(仮)」も含めて正式タイトルです(笑)。 今回はその「ガールフレンド(仮)」における、運用デザインについてお話をさせていただきたいと思います。 ちなみに運用とはガールフレンドは2012年11月にリリースされました。 晴れてリリースされたサービスですが、ユーザーをいかに楽しませられるか、いかに飽きずに続けてもらえるか、常に改善と新しさが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
やじるし素材天国「矢印デザイン」
【GDC 2013】「Journey（風ノ旅ビト）」のゲームデザイン解説 デザインの対象は「感情」！ プレーヤーを魅了する次世代ゲーム話法への挑戦
無料で使えるデザインテンプレート集 14サイト - DesignWalker
