タグ

designに関するugen27のブックマーク (45)

  • キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI

    一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービスPCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID,ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結

    キャズムを超えろ! - 団塊~シニア層向けのWeb設計 やっちゃいけない10のUI
    ugen27
    ugen27 2010/07/05
    見落としがちだよなあ。
  • 思わず見入ってしまうほど優れたデザインのインフォグラフィック50枚まとめ*二十歳街道まっしぐら(FC2ブログ時代)

    「50 Informative And Well-Designed Infographics」にて、 デザイン性が優れているインフォグラフィックがたくさん紹介されていました。 (※50枚すべて見たい方は上記サイトへアクセスしてください。記事では一部しか載せていません。) インフォグラフィックというのはいろんな情報を視覚的に表現したものです。 身近な例ですと、駅などにある路線図がそれに当たります。 以下に、美しすぎるインフォグラフィックをいくつかピックアップして紹介します。 「元サイト」をクリックすると、大きな画像が見られますよ。 (1)宇宙調査について [元サイト] 何回調査に乗り出したかが線で表されています。 (2)世界の高層ビル [元サイト] 日はランドマークタワーがありますよ。 (3)ソーシャルウェブ [元サイト] ソーシャルサイトまとめって感じですね。カテゴライズされています。

    ugen27
    ugen27 2010/05/31
    複雑なものでも楽しく見れる。不思議。
  • - このブログは非公開に設定されています。

    ugen27
    ugen27 2010/05/16
    ゴミに命を吹き込めば。
  • ユニークな発想にRTの嵐!Twitterで話題になった“封筒アート”とは? - はてなニュース

    先日、ミニブログサービス「Twitter」で話題になった写真があります。それは、とあるイラストレーターさんが取引先に送る、請求書を入れる封筒。切手とイラストでアレンジしたユニークな「アート」にリツイートが多発、またたく間にその存在が広まりました。 ▽ニシダシンヤ (@24408) | Twitter まず、一番最初にツイートされた発言と写真はコチラ。 ▽天気のいい日にはかわいい請求書を。 白鳥の5円切手が、川を泳いでいてなんとも可愛らしい作品です。 続いてはコチラ。 ▽お得意様には心のこもった請求書を。 『プロゴルファー猿』の猿谷猿丸と、プロゴルファー石川遼選手が夢の競演を果たしています。 バンクーバーオリンピックの感動がよみがえる1枚。 ▽オリンピックの興奮と感動を請求書に込めて。 客席の「SEIKYUSHO」という文字に遊び心を感じます。 最後はコチラ。 ▽切手を釣ることもあります。

    ユニークな発想にRTの嵐!Twitterで話題になった“封筒アート”とは? - はてなニュース
    ugen27
    ugen27 2010/05/08
    これはもらってみたいし、つくってみたい。こういう遊び心大事。
  • ホームページ制作の0円のweb素材屋さん|ホームページ制作ツール

    ホームページ制作に役立つwebデザインを無料配布している0円の無料素材屋さんは、プロのwebデザイナーによって作られています!ホームページ制作だけではなくブログ制作にも役立ちます。アイコン、ボタン、背景、バナーなど、web素材が無料!ネットショップから企業サイトまで、ビジネス向けの商用にも使えます。素材利用の使用報告など、面倒なことは必要なっし!皆さんが楽しいwebライフをすごせますように♪ ← これも無料素材のひと~つ!無料だよ! あ、この素材いいなぁ♪と思ってくれたら、どんどんリンクしてくれると嬉しいです!!下記のバナーをどうぞご活用ください!また学校教育関連の資料や素材としても、どうぞご利用ください、お役立ちできると嬉しいです。

    ugen27
    ugen27 2010/04/30
    こいつあ、便利そうだ。使っていきたい。
  • 手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net

    個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォント。 ふい字 みかちゃんフォント こちらもかなりオープンに配布してくれています。 みかちゃんフォント あんずもじ 縦書き用も含まれています。こちらも有名なフォント。 あんずもじ ひま字 基的には商用でも利用可能ですが、よく規約を読んで。可愛くて使いやすいです。 ひま字 ミウラ Liner ジュニア 漢字もがっつり入った素敵なフォント。 ミウラ Liner ジュニア 衡山毛筆フォント 著作権を放棄

  • グーグルのサーバー数を図にするとこんな感じ

    グーグルのサーバー数がものすごいことは有名ですが、それを図で表すと、こんなことになるらしいです。数でいうと100万台以上。 ただ、サーバーってみんな性能も違うし、バーチャルマシンはどうするんだとか考え出すとややこしいです。あくまで、ある基準で数えると他社と比較してこんなことになりますよ、というものとして見ていただければよいかと思います。 ちなみに、マイクロソフトは?ヤフーは?というと、各社データが古かったり非公開だったりの事情で、この図にはないのです。が、マイクロソフトは2008年半ば時点で21.8万台(推定)、ヤフー、アマゾン、イーベイ、GoDaddy、IBM、HP/EDSはそれぞれ5万台以上は持っているだろうとのこと。それらを全部合わせると、やっとグーグルと同じくらいになりそうですね。 (※なお、図中の文言について訂正です。iWebはアップルとはまったく関係ない「ホスティングとITイン

    グーグルのサーバー数を図にするとこんな感じ
    ugen27
    ugen27 2010/04/20
    こういうグラフは分かりやすすぎるわw
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    ugen27
    ugen27 2010/04/20
    こういう考えはいいな。言語の壁を超えよう。
  • Webdog - Uw Online Speurneus

    Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn

    ugen27
    ugen27 2010/04/19
    これはタメになるな。実際につくってみたいところ。
  • 美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合

    長崎心泉堂の「幸せの黄色いカステラ」というのを楽天で取り寄せてみました。 とても卵の味が濃くて、甘さはその分抑えてあり、非常に美味しいカステラでした。 よくあるカステラとは明らかにひと味もふた味も違います。届いた1を数日でべきって、またすぐに注文しちゃったくらいです。 また、アフターケアも充実していて、買った後、こんなメールまで届いたのです。 題名:【長崎 心泉堂】カステラは無事お届けできていますか? お世話になります。 カステラ専門店【長崎心泉堂】 受注担当 待鳥智美です。 <中略> さて、ご注文の品は無事お届けできておりますでしょうか ご贈答の場合は、お届け先様にお気に召していただけましたでしょうか? カステラのお味はいかがでしたでしょうか? ぜひ、私どもに、お客様の声をお聞かせくださいませ。 お願いします。 というのも、お客様の声によりよい商品作りがあると考えるからです。 当社の

    美味しいカステラなのに楽天メソッドが極まりすぎてて残念な場合
    ugen27
    ugen27 2010/04/17
    ここらへんに楽天のセンスのなさが光るなあ。
  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
    ugen27
    ugen27 2010/04/14
    こういうのも勉強したいなあ。
  • 「良いデザインの10ヵ条」とiPad

    iPadはすっきりとしたデザイン。まさに「機能主義」のインダストリアルデザイナー、ディーター・ラムスの「良いデザインの10ヵ条」を体現しているようです。 iPadは、アップルのデザイナー部門VPのジョナサン・アイヴ氏が、究極のインダストリアルデザインを追求してできた作品といっていいでしょう。ミニマルなミニマリズムを追求し、モバイル・コンピューターをキーボードなしのスクリーンだけにしてしまいました。 が、製品としては多少の問題点もあります。マーケティング上の判断に起因するものもあれば、製造上の制約に起因するものもあります。 続きで、手にとってみての使用感も含めたデザインのポイントと、その課題について考えてみます。 iPad当に、「良いデザインの10ヵ条」にあてはまるのでしょうか? ひとつひとつ検証してみました。 1.良いデザインは革新的であるマウスなしのタッチスクリーンというコンセプトは

    「良いデザインの10ヵ条」とiPad
    ugen27
    ugen27 2010/04/11
    うん、確かに僕の好きなデザインにも共通すること。
  • ikesai.com

    イケてるWebサイト制作会社をお探しの方へ イケサイに掲載されているようなウェブサイトを作りたい、スマートフォンサイトを作りたいという方は下記の見積もり依頼フォームからお問い合わせ下さい。 オススメのサイト ミツカル保険相談mitsukaru-hoken.com 全国の保険相談窓口・保険ショップを検索 保育園・幼稚園DBhoiku-db.info 全国の幼稚園と保育園のクチコミ情報サイト ブリーダー直販www.cats.to 優良ブリーダーやキャッテリーが育てたちゃん

    ikesai.com
  • 『無料+ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳

    『無料+ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
    ugen27
    ugen27 2010/04/10
    これは便利すぎる。
  • アフォBlog 海外の広告SUGEEEEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!!!!!

    ugen27
    ugen27 2010/04/10
    面白い広告ばかり。創造性豊かだなぁ。
  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
  • 素敵な名刺デザインいろいろ

    個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 個人的に好みの名刺デザイン の例をメモ。いつか書きたいと 思っていましたが、なかなか 機会がありませんでした。 たまたま、先日名刺の話題を Twitterでしていたのでついでに エントリー。 一貫性もコメントも何も無い、個人的なメモ(ギャラリー)です。 Paper Napkin Designs Paper Napkin Designs i Draw Designs i Draw Designs caddyshack putters caddyshack putters ed ed doTerra doTerra Andy-Westwood Andy-Westwood Bridge Photographic Bridge Photographic Tecknogr▲fick™ Te

    素敵な名刺デザインいろいろ
  • デザインのいいブログおしえr・・・教えてください ニュース速報BIP

    1 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:54:22.77 ID:FS2s1X7Q0 二十歳街道まっしぐらとか http://tokuna.blog40.fc2.com/ 3 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:55:55.34 ID:FS2s1X7Q0 どんどん教えてくだしあ 4 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:56:45.45 ID:3gtZLmqc0 ぷにるのブログとか? 6 以下、名無しにかわりましてVIPがお送りします 2010/02/28(日) 00:57:51.94 ID:FS2s1X7Q0 >>4 これか フェンリル | デベロッパーズブログ http://www.fenrir.co.jp/blog/ 8 以下、名無しにかわりましてVI

  • Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ

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

    Photoshop Vip » ダウンロードしておきたい100個のフリーフォント保存版まとめ
  • 企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP

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

    企業ロゴにも使えるエレガントなフリーフォント30個まとめ - PhotoshopVIP