米Facebookは11月6日(現地時間)、2010年からWebオーナーに提供している「いいね!」と「シェア」ボタンのデザイン変更と「送信」ボタンの「シェア」ボタンへの置き換えを発表した。 変更は数週間かけて自動的に“ローリングアウト”する。サイズは変わらないので、Webオーナー側で作業する必要はないという。 新しいボタンは以下の通り(日本語版はまだ公開されていない)。いいね!ボタンから「サムアップ(親指を立てる画像)」が消え、従来より目立つ青になった。
![Facebook、「いいね!」ボタンのデザイン変更を発表 サムアップは消滅へ](https://cdn-ak-scissors.b.st-hatena.com/image/square/1c0492ce5e3447a60c0551009aac05e6253d3478/height=288;version=1;width=512/https%3A%2F%2Fimage.itmedia.co.jp%2Fnews%2Farticles%2F1311%2F07%2Fyu_like1.jpg)
米Facebookは11月6日(現地時間)、2010年からWebオーナーに提供している「いいね!」と「シェア」ボタンのデザイン変更と「送信」ボタンの「シェア」ボタンへの置き換えを発表した。 変更は数週間かけて自動的に“ローリングアウト”する。サイズは変わらないので、Webオーナー側で作業する必要はないという。 新しいボタンは以下の通り(日本語版はまだ公開されていない)。いいね!ボタンから「サムアップ(親指を立てる画像)」が消え、従来より目立つ青になった。
Free Button Styles | MediaLoot モダンな50のPhotoshopのボタン用スタイル集。 クリック一発でリアルな質感を実現できるスタイルですが、次のような、モダンなボタン作成にはぴったりのスタイルが公開されているではありませんか。 Appleっぽいボタンもあっていい感じ。 50種類のデザインから選びます。カラーは自由にレイヤーカラーを変更すればよいですね これは入れるっきゃないですね 関連エントリ 映画のロゴみたいな超カッコイイロゴが一瞬で作れるPhotoshopスタイル集 Photoshopのクリエイティブで効率化ができるレイヤースタイル20 ストライプ等、Photoshop用の400個のパターンまとめ
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか?ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
iPhoneのホームボタンの反応が悪くなってから数ヶ月が経ちました。親指が痛くなるくらい教えても全然反応してくれません。 iPhoneのホームボタンをデコピンもしました。無水エタノールを買ってきてホームボタンにたらしても見ましたがどれも効果はありませんでした。 驚きました。iPhone4S発売までもうホームボタンの事は諦めていましたが@donpyさんの記事Tips Focus【20111011版】〜ホームボタン反応改善の新説と私見。 | @CDiPを試したら本当にホームボタンが反応するようになりました。 SPONSORED LINK 実際にやってみましょう 1) どのアプリでもいいので起動させる。 2) スリープON/OFFボタンをシャットダウンスライドバーが出るまで押し続ける。 3) スリープON/OFFボタンを離す。 4) その画面のままでホームボタンをホーム画面に戻るま
3日目の講義ではちょっとしたボタンを制作したのですが、テキストに載っていたボタンがちょっとおかしな感じだったので、反射光に関して簡単に説明してから、反射光を取り入れたボタンを制作しました。 ちょっとおかしな HOME ボタン Photoshop のテキストの最後にボタンの作り方が載っていたのですが、なんだかちょっとおかしいですね…なぜおかしいのでしょうか。 電球マークは光源、オレンジの矢印は光線を表すものとします。 おそらく、著者の方はボタンには上から光があたっているものと考えて、このようなボタンにしたのではないでしょうか。 あるいは、単に Photoshop のデフォルトのグラデーションが白から黒なので、このようにしたのかもしれません。 しかし、このような光の当たり方は、現実世界ではありえません。 (たとえ太陽光などの入らない密室でも、壁や床に光が反射する場合があるため) もっと身近な例
株式会社8bitのスタッフブログです。こんにちは。株式会社8bitの高本です。 よくWebデザインをクライアントに提出すると、現場レベル(制作会社や代理店)ではOKだったものがお客さん(エンドクライアント)にとってはNGだったりします。 「ええ!そんなことしたらせっかくのデザインが台無しになっちゃう!」 という経験を持つデザイナーさんも少なくはないのでしょうか? ですが、デザインが分かっていない!ありえない!とばっさり切らないで考えてみることも大切です。 実際に利用する人のほとんどはデザインが分かる人(デザイナー?)ではないので、その方々のご意見を受け入れて満足されるものをつくるのもプロだと思います。 お客さんに指摘をされる部分は読みやすさ、見やすさなど、いたってシンプルな部分だったします。 (大抵のお客さんは最初のイメージをそぐわないものでなければ、デザインテイストがどうと
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう!というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください! ↑私が10年以上利用している会計ソフト!
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
TOP > Design > webサイトのボタンデザインに重要な7つの要素「Common elements used in interface button design」 webサイトを制作する際、全体的なデザインの決定も重要ですが、サイト内を自由に動くための動線をしっかりと設計することが、ユーザーを引きつける為にも必要ではないでしょうか?そこで今回は、それぞれのページのドアとなるボタンのデザインに重要な7つの要素を解説した「Common elements used in interface button design」を紹介したいと思います。 (Dribbble – Upload button by kailoon) 的確な解説、さらに実制作に役立つチュートリアも紹介されているので、すぐにボタン作りに活かすことができそうです。 詳しくは以下 ボタン作りに重要な要素として、「T
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
ユーザーにより多くクリックされる効果的なボタンにするには、どのように手をいれたらよいのかをステップごとに紹介します。
タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) <前へ 次へ>(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308
Easily Make a Flipping Letter Effect in IllustratorTutorialsby Diego Sanchez There are good chances that at some point you saw a flipping letter effect in some designs, and if you struggled to find out how the effect was made, you may think it was done by creating each letter separately, modifying each one individually, and then coloring each one with a gradient effect. But ... Read more How to Ma
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く