タグ

スマートフォンとデザインに関するlifesoundsのブックマーク (2)

  • レスポンシブWebデザインで組む際のベースにぜひ!·GroundworkCSS MOONGIFT

    GroundworkCSSは多様なガジェットがサポートされたレスポンシブWebデザインのフレームワークです。 レスポンシブWebデザインがもてはやされていますが、テクニックはなかなか一般化しづらいものがあります。そこでフレームワークをベースにしてみるのはいかがでしょう。今回紹介するのはGroundworkCSSです。 スライダーやタブメニューなど様々なウィジェットが提供されています。 タブレット版。 スマートフォン向け。 横向き表示もサポート。 サイドメニューを使った表示。 幅が狭くなるとメニューは縦に並びます。 ボタン、タイポグラフィ。 フォーム。 アラートやナビゲーション。 テーブル。ソーシャルアイコンも多数用意されています。 サイズも様々。使い分けが可能です。 たくさんのアイコンも用意されています。 モーダルウィンドウ。 幅が狭い場合のボタン。 タブの端がちょっと気になるかも…。 ス

    レスポンシブWebデザインで組む際のベースにぜひ!·GroundworkCSS MOONGIFT
  • 心地よいUIデザインの理由

    スマートフォンアプリ開発のコツについてお話する連載、第2回となる今回は、スマートフォンアプリのUIについて述べたいと思います。前回のアイデア探しと同様に、あまり詳細に取り上げられることのない心地よいUIデザインについて持論を述べていきます。2011年12月に開催された「スマートフォン&タブレット 2011 冬」で筆者が講演した内容(関連記事)と重なる部分もありますが、ご容赦ください。 UIデザインはプログラミングよりも先に スマートフォンはアプリによって様々なツールに変わる汎用的なデバイスであると言えます。ユーザーは必要なアプリをインストールすることでスマートフォンの機能をカスタマイズすることができます。マーケットには相当数のアプリがリリースされ、このような汎用デバイスを通した機能利用の普及が進んでいます。従来は目的別の専用デバイスを購入していたわけですが、その一部はソフトウエアレイヤーに

    心地よいUIデザインの理由
  • 1