タグ

designに関するdlive1のブックマーク (67)

  • 薬局のフリーペーパーの表紙が最高すぎるので作っている人に話を聞いてきた

    1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。(動画インタビュー) 前の記事:「ブレーキランプ5回点滅」モールス信号だとどうなるのか > 個人サイト 右脳TV インパクト100%の表紙 そのフリーペーパーとは、アイセイ薬局さんの『ヘルス・グラフィックマガジン』。名前も聞いたことがない人も、とにかくその表紙を見てほしい。 Vol.9『鼻炎』。あふれる鼻水を滝で表現。当時SNSでバズったりしたので、見たことがある人もいるのでは。 Vol.6『肌荒れ』。なんてことはないモナリザのアップに、「肌荒れ」というタイトルがついた瞬間、絵の具のひび割れが肌荒れに見えてくる! Vol.5『眼精疲労』。目が疲労を回復している。これ以上ないハマリ役。 Vol.10『夏バテ』。思わず「バテてるなー」

    薬局のフリーペーパーの表紙が最高すぎるので作っている人に話を聞いてきた
  • SLN:blog*: 君は修悦体を知っているか

    2004新宿駅工事案内板のフォント 首都圏近郊にお住まいの方なら一度は目にしたことがあるのではないか。新宿東口の工事中に工事の板にガムテープで組まれた案内表示の数々。独特のバランス感覚と、テープでつくられたとは思えない素晴らしい造形が気になっていた人も多いはず。そんな文字についてのドキュメンタリーを発見!この文字をデザインしたのは、なんと警備員の佐藤修悦さんという方だった! 新宿ガムテープ道案内のこと 新宿ガムテープ道案内のこと(2) [DARAOでまとめて見る] 案内表示というと、欧文体だとFrutigerが思い起こされる。この書体はスイスのタイポデザイナーのAdrian Frutiger氏によって、フランスのシャルルドゴール空港のためにデザインされたもの。遠くから見ても視認性が高くなるようにデザインされていて(例えば、Frutigerで打った文字をある程度ぼかしをかけても文字の違いが分

    dlive1
    dlive1 2007/07/16
    2004年の新宿の道案内の文字をガムテープで書いた人の話。Fontがかっこいい。最後にちょろっと出てた日暮里のよりは新宿の方が好きだ。どういう変遷をたどってハネ・ハライが独特に変化したのかが気になる所
  • MTで実践 - CSSのモジュール化による管理方法と遊び方 - 3ping.org

    1年ほど前からMAQUEというMovable Typeのテンプレートを配布しているのですが、利用者も増えて色々とフィードバックをもらい続けていたので、それを活かして新しいものを作りました。βテストも終わって細部を修正して正式リリースしたのでMTユーザーやMTに興味ある方はみてください。そして、それで実践したCSSファイルのモジュール化による管理方法とカスタマイズ方法について解説します。MTユーザーでない方もローカルで確認できるパッケージがあるのでよかったらいじくってみてくださいね。 Movable Type テンプレート mt.vicuna Movable Typeのデフォルトソースを1から書き直し、シンプルで軽量、XHTML1.0 Strict DTD準拠です。基的には1つのテンプレートソースに対して好みのスキンをあてこむ形で色々なデザインのウェブログが作れるようになっています。ごちゃ

    dlive1
    dlive1 2007/03/19
    MovableType用のテンプレ&スキンを作った。モジュール化すると第三者が管理しやすくていいですよ。他のCMSツールへの移植もできる。 という話
  • Webデザインで特に注意すべき10のヒント / ウェブデザインライブラリー

    投稿日:2007年3月16日   レベル:初心者    ソフトウェア:- Step1 : メニューは左側に置かない Step2 : 見出しにはキーワードを含める Step3 : <title>タグと<description>タグは必須 Step4 : Flashは出来るだけ使わない Step5 : 画像は慎重に使う Step6 : 画像だけのリンクはやめる Step7 : フレームを使わない Step8 : 複雑な表は使わない Step9 : CSSなどは外部ファイルを使う Step10 : 標準のHTMLを使う

    dlive1
    dlive1 2007/03/19
    menuは左に置かない、見出しにKeywordを含める、title,descriptionタグは必須、Flashは使わない、画像は適切なものを、画像だけのリンクはやめる、Frameは使わない、複雑な表はなし、CSSは外部ファイルで、標準のHTMLで。--引用・・
  • CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine

    Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and

    dlive1
    dlive1 2007/03/15
    53個のNavigationMenu用。FolderTab系23個。横長List系13個。縦長List型2個。Switch系8個。Bottom型7個
  • Eyetracking points the way to effective news article design

    When one of world’s best-known usability experts, Jakob Nielsen, conducts eyetracking research to test what his usability work has shown, the results generate some beneficial tips for online editors. This is what happened in late 2005, when Nielsen and Kara Pernice Coyne, the Nielsen/Norman Group’s director of research, conducted an eyetracking test with 255 people in New York City. With a little

    dlive1
    dlive1 2007/03/15
    目線追跡で良い記事デザインを探す。空白を空けると目線一点集中率は下がるが把握度は38%>50%に上がる。また人の目線は文字へ向く傾向がある。男女でも目線の違いがあり、女性は顔にしかいかない
  • サイトの背景画像を変える時に使える7サイト - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

    サイトの背景画像を変える時に使える7サイト - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
    dlive1
    dlive1 2007/03/14
    おしゃれ背景、150種以上の背景、POPな背景、十万を超える背景、背景Generator二つ、Photoshopを使った背景作成Tutorial。
  • 「ユーザビリティ=使いやすさ」なんて誤訳をいつまで放置するのか?: DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 さてさて、ここ最近のエントリー(「答えはユーザーが知っている」など)では、奥出直人さんの『デザイン思考の道具箱―イノベーションを生む会社のつくり方』、トム・ケリーの『発想する会社! ― 世界最高のデザイン・ファームIDEOに学ぶイノベーションの技法』を読み進みつつ、デザインによって「イノベーション」を生み出す「デザイン思考」「デザイン戦略」という考え方、それを実現するための「創造のプロセス」、そして、実際のプロセスの中で使われる「フィールドワーク」「プロトタイプ」「ユーザーテスト」「ブレインストーミング」などの手法を紹介してきました。 社会に新しい価値をもたらすイノベーションを技術ではなくデザイン思考で創造することを目指し、そのためにユーザー中心のデザイン・プロセスで、観察

    dlive1
    dlive1 2007/03/14
    ユーザビリティは「使える」。既存の使いやすさより未来の使えるを生み出すDesignを積極的に。使いたいものを使えるようにデザインすることがユーザビリティの条件という話。ユーザビリティ\subset使いやすさ か?
  • 顧客の機能要求に折れないこと!

    Kathy Sierra /青木靖 訳 2006年5月10日 製品やサービスが成功するほど、ユーザの要望を受け入れるようにというプレッシャーは強くなる。ユーザが多くなるほど、要望の範囲は広がっていく。あるユーザにとっての 「それがないんだったら買わない」機能が、別のユーザには取引をぶちこわすものになる。そしてあなたの製品やサービスが人気になるほど、そういった要望は、要求と最後通牒へと変わっていき、ついには痛烈な批判になる。 私たちになしえる最悪のことは、それに折れるということだ。しかし要望/要求や批判が強く、怒りを帯びたものになるほど、誘惑に抵抗するのは難しくなる——「この1個だけ付け加えれば・・・きっとあの連中もおとなしくなってくれる」 しかしあらゆる色を1つに混ぜ合わせて泥色のしみを作るなら、誰も私たちのすることを嫌わなくなるが、同時に誰も喜びも、興奮も、魅了もされなくなる。そうして私

    顧客の機能要求に折れないこと!
    dlive1
    dlive1 2007/03/14
    要望を耳傾けるべき相手は?という話。無視:アンチ、気にかけない人。一応聞く:極端な批評家、意に反してユーザ、ユーザと接触のないエンジニア。傾けるべき人:以前満足・今圧倒、今も満足、Marketing,今も熱狂。要注意:他
  • 最初に指定しておくと便利なCSS | Tech de Go

    dlive1
    dlive1 2007/03/14
    色々と入れとくという話。そして一般的名HTMLタグのデフォルトを変更するUniversalResetを見るとかとか
  • 「ひとつ上の写真。」を撮るためのちょっとした8つのコツ(構図編) | POP*POP

    最近は一眼レフカメラが流行っていますね。しかし、「いい写真を撮ろう!」と思いながらも絞りやシャッター速度などに慣れない人もいるのでは。 そこで、まず「構図」を工夫してみるのはいかがでしょうか。ちょっとした工夫でぐっと良い写真が撮れますよ。 そこで今回は以下の記事をご紹介。 » How to Make a Killer Photo using 8 Simple Composition Rules では下記からどうぞ。 3分割の法則 対象を中心に据えるのではなく、画面を3分割する線上に据えましょう。このコツは風景や接写、ポートレイトなど多くの撮影に適しています。 対象を大胆に切り抜く 対象の一部分を撮りたい場合は、思い切って接写するのも有効です。ただし、自分が何を撮りたいのか明確にわかってない場合は、まずは全体を撮った方が良いことも。その後、編集ソフトで切り抜くと良いでしょう。 水平線&垂直線

    「ひとつ上の写真。」を撮るためのちょっとした8つのコツ(構図編) | POP*POP
    dlive1
    dlive1 2007/03/14
    画面を三分割する線上に対象物を置く。大胆に対象の一部にZoomする。水平線・垂直線を意識、対角線を意識、カメラの高さを変えてみる、背景をSimpleに、主体の対象を一つに、Contrastを使う(モノトーンとか)
  • 無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

    無料で使える日本語フォント11選 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
    dlive1
    dlive1 2007/03/14
    細筆風、手書き風、字幕風、Monaフォント、さざなみゴシック、払いがシャープな手書き、ゴシックに近い細いゴシック、太マジック手書き、ハートちらばめ、メモ風手書き、細い手書きなどなど
  • CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

    CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

    dlive1
    dlive1 2007/03/14
    sans-serifなどの総称ファミリー名で指定すると文字コードで表示が違う。ブラウザによっては日本語が入ったFont指定はダメであったり、日本語入りじゃないとダメであったりと問題が多いという話
  • なつみかん@はてな - ユーザビリティ関連記事 まとめ

    dlive1
    dlive1 2007/03/11
    ユーザビリティガイドライン、ユーザビリティ関連、シニア向け、SoftwareUI、Column
  • » 25 Code Snippets for Web Designers (Part1)

    dlive1
    dlive1 2007/03/11
    吹き出し、箱出し、StarRatingByAjax・CSS、AjaxContactForm、OnlineForm,PrettyAccessibleForm,CheckBox,Font指定,修正された画像変換,CSS丸角,CSS吹き出し,垂直BarByCSSPHP,画像の綺麗な見せ方,画像のOverlay表示,CSS画像マップ,CSSOnlyの画像Popup,Stylish表
  • Web 2.0 Tutorials Round-Up | Tutorials | Smashing Magazine

    Usability and the utility, not the visual design, determine the success or failure of a website. Since the visitor of the page is the only person who clicks the mouse and therefore decides everything, user-centric design has established as a standard approach for successful and profit-oriented web design. After all, if users can’t use a feature, it might as well not exist. This article has been ki

    Web 2.0 Tutorials Round-Up | Tutorials | Smashing Magazine
    dlive1
    dlive1 2007/03/11
    Web2.0のデザインのまとめ65個。視覚効果11個、ロゴ・ロゴみたいなもの15個、TextEffects14個、ボタン17個、レイアウト・グラディエント・ヘッダ15個、その他包括7個
  • Logo Design Portfolio - Logoorange

    Since 2003, Logoorange Design Studio has teamed up with companies from more than 35+ countries from all over the world to create buzz-worthy branding.  We offered our services to a very wide range of businesses.

    Logo Design Portfolio - Logoorange
    dlive1
    dlive1 2007/03/09
    11パターン。吹き出し、雲、反射(鏡)、長方形、丸っこい3D、HotDogs(電波)、人間ぽいやつ、半透明、アウトラインつき、句読点とか括弧とかコロンとか、
  • FontEditor BitfontMaker

    return to exhibition /

    dlive1
    dlive1 2007/03/09
    フォントを作る。A-Za-z0-9と記号
  • 8 web menus you just can't miss

    Driving on Florida’s toll roads doesn’t have to be stressful. You can easily pay your tolls without stopping at toll booths or having a prepaid account. The Toll-By-Plate system lets …

    dlive1
    dlive1 2007/03/09
    メニューのサンプル8つ。フォルダタブ型二つ、横のリスト型二つ、縦のリスト型、MacDock型、バー型、選択したものだけタブ型
  • ユーザーテストを行う企業文化(インタラクション・デザインの未来): DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 設計を詳細な段階まで落とし込んでしまう前に、プロトタイプを作ってユーザーテストをすることは、Webサイトのようなインタラクティブシステムをつくる上ではとても大事なことです。 そのことはユーザーテストを繰り返すたびに実感できることです。 ユーザーテスト=ユーザーの行動に訊ねる、そして、感じとるよくユーザー視点に立つといいますが、頭で想像するだけではやはり限界があります。 なので、ユーザー視点に立ったつもりであれこれ考えて根拠のない仕様確定を行うよりも、早い段階で簡単なプロトタイプを作り、実際のユーザーの行動に訊いてみるほうが実はずいぶんとラクだったりします。 この場合、ユーザーの行動に訊くのであって、ユーザーの意見を訊くわけではありません。 ユーザーテストは、いわゆる他のユー

    dlive1
    dlive1 2007/03/09
    内容:UserTestは意見を聞んではなくUser行動に訊ねる。声を聞くのは現在の改善、ユーザ生活の観察はInnovationを生み出すために。Watch>Concept>Prototype>UserTest>Brainstormingを企業は習慣づける必要がある。そして鉄は早い内に打て
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy