illustratorでUIデザイン：設定編 - Two hats
Fireworksのヘビーユーザーだったので、ディスコンになってからUI作成のツールをどれにしたらいいかが悩みでした。 Fireworksの前はPhotoshopでデザインを行っていたのですが、Fireworksの効率良さに慣れてしまうとPhotoshopには戻りたくなくなりました。他に良いツールがないものか・・・と思いつつ、とりあえずまだ使えるのでFireworksを使っていました。 ですが、ディスコンになる以上別のツールを探さないといけないので、改めてPhotoshopとillustratorについて調べてみたところ、illustratorの設定を適切に行えばFireworksチックに操作できることがわかりました。 今回はillustratorでUIデザインカンプを作る際の設定について書こうと思います。Webデザインでもほぼ同じ設定で大丈夫ではないかと思っています。ちなみに自分のill
ロゴをデザインするときの8つのルール – creamu
ロゴデザインがしたい。 そんなときに参考になるのが、「Eight Helpful Rules for Logo Designers」。ロゴをデザインするときの8つのルールです。 印象的なものが揃っていますね。 より少ない色、より少ないフォント 一般的なフォントを使う。ArialやTimes New Romans、Helveticaなど シンプルな形が美しい ハイライトやグラデーション、シャドウを使わない 美しいロゴは、どんなメディアで使われても美しい 白黒でも美しく見えるのがよいロゴ メッセージを伝えるために、シンプルな構成がマスト 覚えやすいロゴにすべき。ナイキやコカコーラ、オリンピックのロゴなど Logo pondやLogospireなど、インスピレーションになるようなサイトもいくつか紹介されています。 ロゴデザインをするときの参考にしてみてはいかがでしょうか？ Eight Helpf
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
背景画像をアニメーションさせる「backgroundPosition.js」｜LabPad （ラボパッド）
demo memo 作業内容 某サイトで見た、背景で画像が動き回っている透過ロゴに惹かれました。使っていたのはjQueryプラグインBackground-Position Animations。 まず、透過させたテキスト画像とその背景で動かせたい画像を用意。今回のサンプルの背景では下の画像が動いています。 --- head内にjQueryとjquery.backgroundPosition.jsを読み込む --- <script type="text/javascript" src="../common/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/100713/jquery.backgroundPosition.js"></script> --- htmlサンプル --- <p class
scrollsmoothly.jsを更新しました - KAZUMiX memo
地味に人気があるっぽいscrollsmoothly.jsを更新しました。使い方などは以下の元エントリーで確認できます。使い方自体は変わっていません。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js - KAZUMiX memo 更新内容 リンク先がページの先頭になることを前提としていたスクロール量の計算方法を変更。ページの終端付近のリンク先へのスクロールもスムーズになりました。 具体的には、次のサンプルのようにリンク先が最大スクロール先の描画領域の内側にある場合にスムーズではなかった問題を修正しました。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル2（スクロール先が中途半端版）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://design-spice.com/2012/06/13/responsive-web-design-image/
