あけましてこんにちは2017年 最近はイベント事の度にそこはかとなくケンタッキー臭がしますね。 酉年なんだから鳥を労ってあげよう、とかじゃなく率先して揚げちゃうあたりに熱い商売魂を感じます。 そのうちケンタッキーバレンタインと称して甘さに塗れたあのロゴを見ることになるのではと薄々感じています。語呂いいしね ところでロゴの扱いには様々なルールがあるのをご存知でしょうか？ 今回はデザイナーでなくとも頭の片隅にそっと入れてもらいたい、ロゴの取り扱いについて解説します。 ロゴってそもそも必要あるの？ 身近にあるものを手に取ってみてください。 タグや裏面、どこかしらにメーカーや商品名のロゴが使用されていると思います。 どのメーカーもなぜロゴを使っているんでしょう。 Appleのリンゴマーク入りのiPhoneとマークのないiPhone、あなたはどちらを買いますか？ マーク入りを選ぶのではないでしょうか

どうも、すんです。 2016年ももうすぐ終わってしまいますね。度重なる忘年会により肝臓が若干疲れ気味の私ですが、楽しいお酒が飲めるのはとても幸せなことです。 前回は、文字が書かれていくように見えるパスアニメーションについての記事を書きましたが、今回はサイトのアクセントとして使えるボタンアニメーションについて、紹介していきたいと思います。 マウスオーバーで動くボタン 上の「Button」というテキストにマウスを重ねると周りに破線が描かれていきます。ばばばっと出てくるので、ちょっと目がチカチカしますね。これくらいのアニメーションは、下のような簡単なコードでできてしまいます。 【html】 <div class="btn-box"> <svg version="1.1" id="test" height="60" width="320" xmlns="http://www.w3.org/2000

新規サービスの立ち上げ、またはサイトのリニューアルやプロモーションの一手段としてSNSを活用することが多くなりました。 誰でも簡単にページを作成することができ、モバイルでも容易に管理できるところがSNSの魅力だと思います。 あんどぷらすでも様々なSNSを活用しています。 もちろんクライアント様にも積極的に活用をオススメしているのですが、 「アイコンなどの画像サイズってどのくらいにすればいいんですか？」 と聞かれることが少なくないのです。 今までいくつものアカウントを作成してきたにも関わらず覚えていないので毎回調べてお答えしていたのですが、自分メモ用にも必要だと感じたのでまとめてみることにしました。 Facebook Facebookは１つのアカウントで新規ページを作成したり複数のページやグループを管理できるので非常に便利です。 管理者登録により複数人によるページの更新が可能です。 実名登録

どうも、すんです。 2017年になりました。最近の急激な温度変化に体がついてきません。滅多に雪が降らないことで有名な静岡に雪が降ったりしたので(5分で止みましたが)この寒さはただごとではありません。……だからなんだ、という感じなんですが。 では、とっとと本題に入りたいと思います。今回はマウスカーソルを重ねた時に「お！」となるような、CSSだけで実装できちゃうちょっと変わったhover時のボタンエフェクトについて書いていきたいと思います。 マウスオーバーで背景をぶわっと表示 【html】 <a class="btn" href="#">ぶわっと</a> 【css】 .btn { display: block; margin: 20px auto; width: 250px; height: 60px; text-align: center; line-height: 60px; } .btn

先日シフシズ主催のUXセミナーへと参加させていただきました。 セミナーの詳細な様子はきっと参加者の皆様方が各々Facebookに投稿してくださってると思うので、（写真撮り忘れたなんてことは） 今回はセミナーの内容を踏まえつつ「カタカナ用語が苦手でUX初心者な」私なりにUXについてまとめてみました。 UXってなに？ UXはUser Experience（ユーザーエクスペリエンス）の略で、ユーザー体験と訳します。 UXとは、ある製品やサービスを利用したり、消費した時に得られる体験の総体。個別の機能や使いやすさのみならず、ユーザが真にやりたいことを楽しく、心地よく実現できるかどうかを重視した概念である。 引用元：IT用語辞典e-Words 例えば、おしゃれなカフェでコーヒーを飲むこと 単にコーヒーを飲むだけなら、わざわざ高いお金を払ってカフェに行かなくてもいいですよね。 今の時代、自動販売機でも