UIのお作法。28個の「〇〇できそう感」をまとめました。｜maiokamoto
UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 １、進めそう感 ２、戻れそう感 ３、進めそう＆戻れそう感 ４、開きそう感（ドロップダウン） ５、開きそう感（アコーディオン） ６、開きそう感（モーダル１） ７、開きそう感（モーダル２） ８、カレンダーが開きそう感 ９、メニューが開きそう感（ハンバーガー） １０、検索できそう感 １１、入力できそう感 １２、検索できそう ＋ 入力できそう感 １３、パスワード入力できそう感 １４、パスワード感（強め） １５、間違えた感（エラー） １６、合ってる感（OK） １７、電話かかる感
[JS]あなたのウェブページを52の言語に自動翻訳するボタンを簡単に設置できる -Translate This Button
<textarea name="code" class="html" cols="60" rows="5"> <!-- Begin TranslateThis Button --> <div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script> <script type="text/javascript"> Trans
かっこいいメニューバーが簡単に作れちゃうジェネレータ「MenuBuilder」*二十歳街道まっしぐら（FC2ブログ時代）
「MenuBuilder」はメニューバーを作ってくれるジェネレータです。 グラデーションやマウスオーバーも実装できます。 色を選んで、パターンを指定したらおしまい！ 簡単すぎ！ 画像およびHTML（CSS）もダウンロードできるので、使い回ししやすいです。 以下に使ってみた様子を載せておきます。 まず「MenuBuilder」にアクセスします。 メニューはグラデーションになります。 上側がデフォルトで下側がマウスオーバーのときです。 そしてお次は、メニューのパターンを指定します。 あと、横に並べるのか、縦に並べるのかも選択しましょう。 「Generate&Preview」すると、最上部で仕上がりを確認できます。 「Download」ボタンをクリックすると、画像とHTML（CSS）を一括でダウンロードできます。 HTMLファイルを開くと、このように先ほど作ったメニューが実装されています。 HT
ユーザーにクリックされやすいボタンデザインの5つのポイント
ユーザーの行動への呼びかけを促す「ダウンロード」や「サインアップ」などのボタンをデザインする際に気をつけたい5つのポイントをLee Munroeから紹介します。 Web Design Trends: Call To Action Buttons 先日とりあげた「ハイパーテキストリンクのスタイル大全」の5. ボタンスタイルで紹介されているものです。 以下は、各ポイントを意訳したものです。 はじめに サインアップやダウンロードなど、ユーザーの行動への呼びかけを促すボタンのデザインはウェブデザインにおいて重要なものです。 ボタンはそのページのゴールの一つであり、その目的のためにそれぞれのページをデザインするといっても過言ではありません。 行動を呼びかけるボタン（Call to Action Button）はユーザーの注意を引く必要があります。以下に、そのボタンのデザインの5つの特長をあげます。
Twitterをはじめたブロガーがやっておくべきことまとめ - sarusaruworld lab - Web Lab
明らかにブログ更新頻度が下がってきて、久々に腰を上げたら140文字以上の文章が書けなくなっていた皆さん、こんにちわ。 さて最近、耳にしない日はないTwitter。気がつくとブログ用のパーツ＆サービスも出そろっていたので、自分用にまとめてみた。 あたりまえのものがほとんどだが、このブログにも適用していないものも多数。これからやる。 1.プロフィールにTwitterへのリンクを用意する プロフィール欄や、About meなどのプロフィールサービスにTwitterページへのリンクを追加しましょう。あなたに興味をもってくれたユーザーは、きっとスムーズにフォロアーになってくれます。 Twitter Counter フォロー数などの遷移を確認できるサイトですがボタンも提供しています。 sample： twignature シンプルで使いやすい画像を生成してくれます sample： 2.フォロー・ミーボ
2007年5月6月のWEB制作に役立ちそうなベストリンク106個程 *ホームページを作る人のネタ帳
いつ見てもこのサイトだけは、狂気の沙汰じゃない情報提供ブログだと思う。 ここで最近紹介されたのが Best of May/June 2007 という記事。 ほんといつもここのまとめは尋常じゃないですね。 というわけで今回はこの記事のWEB制作に使えそうな14個のリンクを抜粋して紹介。 紹介する量は元記事の5分の1にも満たないですから、英語力のある方はぜひとも参考するべきページの一つですよ。 （といっても私自身が英語苦手なので偉そうなことは一切言えません） 詳細は以下に。 色イメージなど プロの画家からの色のインスピレーション すばらしい芸術家から一握りの芸術を選び抜いた。 無料画像検索エンジンPicFindr 無料画像をガンガン検索します。 使い方は前回書いておりますので参考に。 ツール Internet Explorerの開発者のツールバー1.0 マイクロソフトはインターネットエクスプロ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ
web制作関連ジェネレーター - ブックマーク - Tips - AZ store
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
IDEA * IDEA
http://www.quon.asia/yomimono/culture/word/cat139/
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳