タグ

ブックマーク / builder.japan.zdnet.com (4)

  • ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan

    シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

    ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
  • フォントの種類でレイアウトを崩さないために:font-size-adjustプロパティ - builder by ZDNet Japan

    表示に使用するフォントの種類が変わると、同じフォントサイズで表示していても文字の見た目の大きさが変わってしまう。デザインによっては全体のバランスや文字の可読性が変わり、ユーザビリティやアクセシビリティにも影響してくる。 そこで、font-size-adjustプロパティを利用して、表示に使用するフォントが変わっても、文字の見た目の大きさが変わらないように設定してみよう。font-size-adjustプロパティには、これまでWindows版のFirefoxが対応していたが、Firefox 3ですべての環境のFirefoxで利用できるようになった。 フォントの見た目の大きさの違い 次のサンプルは、同じ文章をウェブページで利用される主要なフォントで表示したものだ。フォントサイズはfont-sizeプロパティで16ピクセルに設定しているが、見た目の大きさはフォントの種類によってかなり異なることが

    フォントの種類でレイアウトを崩さないために:font-size-adjustプロパティ - builder by ZDNet Japan
  • WebデザイナのためのPHP入門--PHPのファイルがデザイン確認できない理由 - builder by ZDNet Japan

    PHPを例にWebテクノロジを解説 今や全く静的なWebページの方が少ないと言えるほど、Webサイトとスクリプト技術は切っても切れない関係にある。PHPなどとは無縁なはずのWebデザイナやマークアップエンジニアHTMLコーダ)であっても、こうした技術に接しなければならないことも多々あるだろう。 しかし、全く理解できないままでは、プログラマとのコミュニケーションも円滑にいかず、またちょっとしたトラブルでも右往左往してしまって、仕事がはかどらないといったことにもなる。 そこで連載では、Webデザイナ(マークアップエンジニア含む)が少なくとも知っておきたいWebテクノロジの知識を、PHPを例に4回にわたって紹介したいと思う。是非怖がらずに接してみてほしい。 受け取ったファイルのデザインがおかしい 通常Webデザインやコーディングを行った後、そのファイルはプログラマに渡されてプログラミング作業

    WebデザイナのためのPHP入門--PHPのファイルがデザイン確認できない理由 - builder by ZDNet Japan
  • Ajax活用の5つのポイント解説します - builder by ZDNet Japan

    「Ajax」がWebサイトに新しい表現と機能を提供した、画期的な技術であることは誰もが認めるだろう。2007年も、Ajaxは進化を続け、GoogleドキュメントやYouOSなどに代表されるように、アプリーションソフトやOSをWebブラウザ上で動作するプロダクトまで登場した。 しかし、Web制作者にとって、Ajaxは実際の現場でどのように使ったらよいのか、どこが使いどころなのかといったことが掴めないでいるかもしれない。そこで、連載では「Ajax活用の5つのポイント」として、4回にわたって各ポイントを紹介していこう。 なお、連載では実際の Ajax活用事例として、ベネッセコーポレーション 進研ゼミ高校講座の「クチコミ満載! 先輩の大学合格体験記」というコンテンツのご協力をいただいた。ここにお礼を申し上げたい。 クチコミ満載! 先輩の大学合格体験記 提供: ベネッセコーポレーション 進研ゼミ

    Ajax活用の5つのポイント解説します - builder by ZDNet Japan
  • 1