ブックマークしました ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください Twitterで共有
![『Say Hello to Octicons』へのコメント](https://cdn-ak-scissors.b.st-hatena.com/image/square/6cefc23457287ee5cd5d1425a8743b281968dc0b/height=288;version=1;width=512/https%3A%2F%2Fgithub.blog%2Fwp-content%2Fuploads%2F2012%2F05%2F9863cc4e-5375-11e2-9086-209827f82836.png)
User interface details matter to the overall user experience. Many users may not consciously notice these details on your site yet they do have an impact on the overall user experience. When everything feels just right the perception of your site and brand is improved. In this article we’ll look at 5 different types of UI details you should pay attention to. (Check out UI vs UX for definitions of
全部ダウンロードしたら、3000種以上! 商用でも無料で利用できる、ピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
Web Icon Fonts Webフォントで使えるアイコンセット。IE8以下では使えないです。iOS4.1以下も多分見られない。 _Download(35KB) @font-face{ font-family: 'WebIconFonts'; src: url('WebIconFonts.woff') format('woff'), url('WebIconFonts.ttf') format('truetype'); } .icon { font-family: WebIconFonts; } Arrows !Back! 1Back1 #Forward# 3Forward3 $Up$ 4Up4 %Down% 5Down5 &Done& 6Done6 'Close' 7Close7 (Plus( 8Plus8 )Minus) 9Minus9 Social Networks AAmazon
by @nickla, Web Designer Wall (read related article) Default Twitter Facebook Heart LinkedIn Pinterest Podcast RSS Share Star Vimeo Sizes small, default, large Twitter Twitter Twitter Twitter Twitter Twitter Twitter Twitter Twitter Styles min Twitter Facebook Heart LinkedIn Pinterest Podcast RSS Share Star Vimeo flat Twitter Facebook Heart LinkedIn Pinterest Podcast RSS Share Star Vimeo cicle Twit
Google+のUIデザインを簡単に実装できる便利なフレームワーク Google+ Styled Buttons 最近ではGoogleのサービス全体に適用されつつあるGoogle+のユーザーインターフェイスのデザイン。 こちらはそんなUIをシミュレートすべく、簡単にウェブアプリやウェブページに実装できるようにボタンやドロップダウンメニューなどをフレームワーク化したものです。 アイコンは以前紹介したWebDesignShockをベースに一つの画像にまとめられたものをCSSスプライトで利用するようになっています。 また、ツールチップにはjQueryのTipTipというスクリプトを使用していたり、ドロップダウンメニューはCSS3のtransitionプロパティを使ってスムースに開閉するようになっているなど、見た目はシンプルでも感触はリッチな仕様になっています。 Firefox, Chrome,
鉄道駅に見られるサインシステムの例(東京駅、2009年2月) サインシステムとは、鉄道駅や商業施設などの公共施設等に設置される案内標識(案内サイン)の体系。 特に公的機関が公共空間に設置する地理や方向、施設の位置等に関した情報を提供する媒体としての標識、地図、案内誘導板等の総称を公共サインという[1]。本項では主に公共サインのサインシステムについて述べる。 万人に向けた適切な情報伝達をめざしピクトグラムなどを組み合わせてわかりやすい誘導を促す。サインマニュアルと呼ばれる設置基準などを定め、基準に沿ってデザインされた案内標が通路の天井部や壁面等に設置されていることが多い。一般には、駅の出入口に設置されている緑色の標識や、出口を表す黄色い標識、路線を表すラインカラーの標識などが例として挙げられる。 1963年 - 大正末期から用いられてきた道路標識ならびに指示標識を1964年東京オリンピック対
ページ移動が必要なwebページを快適に閲覧してもらうために重宝する素材アイコン。WEBサイトの内容によっては、分かりやすく表現するために多くの種類のアイコンが必要になります。そこで今回紹介するのが、webデザインに必要なアイコンが500個もまとめられたアイコンセット「「500+ web icons pack」です。 上記のとおりシンプルで使いやすいデザインのアイコンセットとなっています。 詳しくは以下 「500+ web icons pack」には、ホームや設定・電話などを表す一般的なUIを示すアイコンはもちろん、大型ショッピングモールに表示されているような案内アイコン、ビジネスシーンで使いやすい時計やグラフを示すアイコンなど、生活のあらゆる状況がアイコンとしてセットになっています。 シンプルなシルエット素材になっているので、流行などに関係なく利用できるというのが嬉しいですね。PSDデータ
全653種、商用利用無料、再配布可能だけでもすごいですが、更にベクターのEPS付きとフリー素材として至れり尽くせりのアイコンを紹介します。 アイコンのデザインもシンプルなので、使い勝手もよさそうです。 Default Icon [ad#ad-2] ダウンロードできるアイコンのフォーマットはEPS, PNG(16x16, 32x32, 48x48, 64x64, 128x128, 256x256)です。 アイコン全653種はウェブサイト・ウェブアプリケーション用にさまざまなものが揃っています。 以前紹介した際はver.1で168種類でしたが、作者様よりver.2にして数も増やしたよ、と連絡を受けました。 [ad#ad-2] アイコンのライセンスはCC 3.0で、個人でも商用でも無料で利用できます。また、再配布も可能、とのことです。
今回のエントリはちょっとした小ネタです。 今やiPhone・Androidの普及を考えると、スマホ最適化してないサイトでも「ホーム画面アイコン」「ショートカットアイコン」の設定は必須になってきたと思います。 以下のようなタグで、ページに簡単にアイコンを設定できます。 <link rel="apple-touch-icon" href="画像ファイルのパス(png)" > とくにiPhoneは、指定した画像に自動的に磨き処理のエフェクトをかけてくれるので、いい感じになるな〜と関心していました。 ただ、Androidについては磨き処理をやってくれないので、ちょっとした悩みでした。 iPhoneの方がいい感じになるだけに、Androidのアイコンがかなり寂しい感じに見えてしまいます。
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.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く