タグ

webデザインに関するkoma-takのブックマーク (6)

  • プログラマのためのフリーソフト(Mac)で始めるデザイン - ku-sukeのブログ

    もっとプログラマーもデザインに興味をもつべし。ということでエントリ書くことにしました。思いつきなのでぽしゃるかもですが、身近な?ところでiPhoneのアイコンをデザインしてみようと思います。僕も職のデザイナではないのですが、逆にプログラマがデザインに入門するきっかけになればと思います。 iPhoneのアイコンとは 提出用に512pxの正方形(角丸・反射無し) 実際使用されるのは57px四方 時間があれば角丸+反射もやってみたい。 着想する まずはイメージ決めです。素人はパクリましょう。最初から創作料理を作れば失敗するのと一緒、Javascriptを習うのにサンプルコードをで読むのと一緒です。 http://www.faveup.com/ それでも難しければ文字だけにしましょう。AdobeCSのアイコンの要領です。 http://blogs.adobe.com/jnack/images/

    プログラマのためのフリーソフト(Mac)で始めるデザイン - ku-sukeのブログ
  • [Think IT] 第1回:携帯サイトとPCサイトはここまで違う! (1/3)

    XHTML Mobile Profileに対応したHTML 連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基となるHTMLについて説明します(図1-1)。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基HTMLを基準に作られていますが、携帯ブラウザ(iモード、EZweb、Yahoo!ケータイ)で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof

  • Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法

    ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたのサイトをなんちゃって iPhone/iPod touch 対応にする方法を説明してみたいと思います。 方法は簡単です。 <meta name="viewport" content="width=1024" /> head 要素に上記のようなタグを入れるだけです。ただ、ここで width に指定する横幅を自分のサイトに合わせて最適化する必要があります。 ちなみに、上記の width=1024 となっている viewport の設定は Apple のホ

  • 広告β:ウェブの景観問題

    高いところから都市をみていると、「おや?」と思うような風景が目につく。 東京の、品川駅前。しばらく前に再開発され、高層ビルが林立している。けれども奇妙なことに、それぞれの高さはほとんど同じで、巨大な壁が立ちはだかっているように見える。もちろん、ビル事業者が小粋にデザインをそろえたわけではない。そもそも小粋ではないし。 同様に、高いところから都市を眺めると、マンション構想部分がナナメに切り立っていることがある。そして、よーくみると、そのナナメのラインはその界隈で揃っており、共有されている。そこには見えないラインがあって、そこを誰もはみ出さないようになっている。もちろん、みんなで「ここにラインを引くとかっこいい」と決めたわけではない。 品川駅前のビルが高さをそろえるのは、航空法があるからだ。羽田空港に品川はやや近いので、高さ約150mの上限がある。マンションの上部がナナメになるのは、斜線

  • As Button Generator

    As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください

  • 会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!

    エントリは、20〜40代PCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ

    会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ!
  • 1