タグ

2015年7月9日のブックマーク (8件)

  • デザイナー症候群

    ウェブに20年、ソフトウェアにさらに10年関わってきた今、僕はある症状に悩まされるようになった。「デザイナー症候群」だ。 簡単に説明すると、インターフェイスがひどくデザインされているとき、1番上に書いてあっても目当ての情報が見つけられないこと。 テーブルデザインがひどいとき、必要な答えが書いてあるカラムが見つけられないこと。 インターフェイスのデザインがひどいとき、正しいボタンを押せないこと。 なにかをシェアするようなサイトのデザインがひどいとき、僕は保存しようとして入力したデータを誤って消してしまうこと。理由は、多くのデザイナーなら「保存」ボタンを配置するところに「削除」ボタンがあるからだ。 これはみんなに起こることではない。だから僕はこれを苦悩と呼ぶ。もっと言うと、ほとんど僕以外のだれにも起こっていないようだ。 デザイナーではない友達や家族はびっくりするような(デザインとは呼べないよう

    デザイナー症候群
  • レトロ購買部さんの図書貸出カードがめためた可愛い。 - 青猫文具箱

    最近ですね、新たにお気に入り雑貨屋ができまして。東京は下北沢にある三叉灯というお店なんですけれど。 「三叉灯」 洋服と個人作家さんの作品を扱っているセレクトショップで、今年の3月にリニュアルオープンしたばかりです。 下北沢で友達の手伝ってる小劇団を見に行った帰り、思いのほか時間が余ったので三叉灯に寄り道して帰ることにしたのですね。したらば。 見つけたったたた…!! レトロな図書貸出カードです。名刺サイズの図書貸出カード。なにこれめためた可愛い。 正式な名前は「図書倶楽部 個別貸出カード」。個人作家の「レトロ購買部」さんが作られている作品です。 ぷに子/レトロ購買部 (@punikoo) • Instagram photos and videos リーディングログといえば、これまでこのブログで何度か「読書記録しおり ワタシ文庫」を取り上げてるんですが、 読書メモ効果でブログの書き方が変わる、

    レトロ購買部さんの図書貸出カードがめためた可愛い。 - 青猫文具箱
  • 20秒で理解するユニバーサルデザイン|けあGAKU by けあとも

  • NIKE、巨大壁画広告をタイムラプス撮影でGIFアニメ化 | PR EDGE

    Case: Real Girls of Moscow Nike Womenは、今年4月にアメリカで「Better for It」キャンペーンを実施し、輝かしい挑戦に向かってひたむきに努力を重ねる女性アスリートの姿にフォーカスしました。今回、ロシアで開催されたスポーツイベントにも同キャンペーンを採用し、ユニークなGIFアニメを使った取り組みを実施したのでご紹介します。 “トレーニングはいかなる挑戦にも勝る”と謳う「Better for It」キャンペーン。モスクワのGorky Parkで10日間に渡って開催されたスポーツイベントに集まるであろう25,000人に向けて、ビルの壁面に“果敢にトレーニングに励む女性アスリートの姿”の巨大広告を掲示した他、ウェブでの拡散を狙って“その壁面広告が動く”Gifアニメを制作しました。 まずは、こちらが壁面広告。 そしてこちらが「タイムラプス」撮影(1コマず

    NIKE、巨大壁画広告をタイムラプス撮影でGIFアニメ化 | PR EDGE
  • アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付) | ベイジの社長ブログ

    スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。(以降、両者をガイドラインと略します) スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14%しかなく(comScore調査/2014)、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは

    アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点(スライド付) | ベイジの社長ブログ
  • 22 Interactive Website Designs for Events

  • はじめてのマテリアルデザイン入門 | DevelopersIO

    この記事では、マテリアルデザイン初心者の自分が良いなと思うサイトをご紹介します。 上から順に見ていくと理解が深まるのではないのかなと思います。 マテリアルデザインとは? よくわかるマテリアルデザインの設計コンセプト よくわかるマテリアルデザインの設計コンセプト | fladdict マテリアルデザインの設計コンセプトが分かりやすく書かれている良記事です。 これをまず読んでみてコンセプトを掴んでおけば、理解が深まると思います。 マテリアルデザインとフラットデザインって結局何が違うの? Googleマテリアルデザインとフラットデザインって結局何が違うの?[UI/UX] | naver フラットデザインなら知っているよっていう人はこちらを見ると良いかもしれません。 動画で見てみる マテリアルデザインを解説してくれてます。 日語字幕が出ているので親切です。 ちなみにGoogleのデザイン関連の動

    はじめてのマテリアルデザイン入門 | DevelopersIO
  • ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP