例えばゲームの中で使われているボタンはWebデザイナーには作れない話＋無料ゲームボタン24個*ホームページを作る人のネタ帳
というわけで、今回は唐突に無料ゲームボタンも合わせてご紹介。 先日東京で、mixiのモンスターストライクというゲームの、デザインマネージャーさんとご飯食べてきたのですが、その時言われて初めて気がついたことが一つありました。 なんとなくその話を聞いてからこのアイコンをみると、ふむふむ、なるほどと思えるポイントがあったのでシェア。 アプリはWeb開発に似て非なるもの 「Webデザイナーあがりのコーダー兼デザイナーだとダメなんですよこれが・・・。」 例えばWebゲームはWeb開発の一貫ですが、デザインは別物になるそうで。 その理由は、同じボタンでも「そこに楽しい、遊んでいる、ワクワクするっていうUIじゃなきゃダメなんです。」ということだった。 その結果、人材を探すのがえらい大変んだというわけです。 ゲームが好きで、いろんなゲームを体験していて、それでいてUIも考えられるデザイナー、というのはなか
[CSS]このホバーエフェクトかわいい！蝶番を軸にぷら〜んと開くCSS3アニメーション
Twitterのボタンをホバーすると、蝶番を軸に開くかわいいアニメーションを実装したスタイルシートのデモを紹介します。 パタリと開いた後、ぷら〜んとするのいいですね。 Hinged Twitter Button 実装は、こんな感じです。 HTML TwitterのアイコンにはFont Awesomeが使われており、アイコン、アカウント、蝶番をそれぞれspan要素で配置しています。 <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <a href="http://twitter.com/jonitrythall"> <span class="button"> <i class="fa fa-twitter"></i> </span> <span cl
[CSS]パタッと開くアニメーションがかわいいボタンを実装するスタイルシート
マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
Common elements used in interface button design
Buttons and navigational elements are quite possibly the most commonly used interface objects in both desktop and mobile design. They pull an interface together, allowing users to get from A to B in a single click. Most importantly, a button has to look good. It has to scream “Click me!,” or else it simply won’t be as effective as it needs to be. Buttons are commonly used to “”Search,” “Submit,” “
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]金属の質感が美しすぎる、スタイルシートで実装されたボタン
