【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ 前記事：「少しの手間で大きく変わる、細部にこだわった Web デザインを」 角丸のベースになんの装飾もない文字を載せたボタン。これをかっこよく加工してみましょう！ グラデーションを加えるまずは 500 x 270 px でキャンバスを新規作成します。 一つ目のレイヤーに角丸のボタンのベース、２つ目のレイヤーに文字を入力します。これで準備完了です！ ベースのレイヤーを選択し、レイヤースタイルを設定します。「グラデ
これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ:phpspot開発日誌
Got Wood? UI Design Elements | MediaLoot これは斬新！木のUIで訪問者を驚かせよう、なUIパーツ。 木のiPhoneケースや木のキーボード等、木とITを絡めるとなぜかインパクト絶大ですが、木のUIキットを発見しました。 これでページデザインをすれば自然の温かみによってリラックスした気分でページを使えるのかも。 基本的なUIパーツはそろっているので頑張ればページに適用できるはず。 レイヤーに綺麗に分かれているのがいいですね。 見ていてなにか作りたくなりました。 関連エントリ かなりクールなPhotoshop用フリーUIキット-PSDファイル50個 モックアップ作成用PhotoshopのUIキット「Soft UI Kit」 ブルーが美しいモダンなＵＩキットPSD 色々と使えそうなフリーのUIエレメントPSD７０種
なんともいい感じなボタン素材色々:phpspot開発日誌
9 FREE Creative Buttons for You to Download | UnderWorld Magazines なんともいい感じなボタン素材色々。 次のようないい感じのデザインのボタンが色々紹介されています。 デザインの感じも様々で、サイトデザインに合わせたものを選べます。 なんとなくサイトのボタン味気ないなぁ、という方は参考にしてみるとよさそう。 ボタンデザインでクリック率も変わったりするようなので、広告のコンバージョンを測る要領でテストしてよいものを採用する等するとよさそうですね。 関連エントリ シンプルでいい感じのボタンテンプレートPSD iPhoneのON/OFFスイッチっぽいcheckbox、radioボタン実装jQueryプラグイン「LightSwitch」 ページの端っこに常に表示させるボタン実装用jQueryプラグイン「EdgeButton」
Cool Tools and Toys for Web Developers - Style Master CSS Editor for Windows and Mac OS X
These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. Cool Tools and Toys for Web Developers John, the lead developer (ok, pretty much the only developer) of Style Master i
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
クール！Flash製の3D画像スライダー·CU3ER MOONGIFT
CU3ERはFlash製のフリーウェア。写真は見せ方一つでインパクトが大きく変わってくる。ただスライド式に切り替わるだけでは面白くない。単調なアクションは見ている人を飽きさせ、折角の内容も面白くなく感じてしまう。これではあまりに勿体ない。簡単に見せ方を工夫できる方法をとってみよう。 それが実現できるのがCU3ERだ。CU3ERは写真を使ったスライダーで、ただの写真を3Dモデルであるかのように切り替えてくれるソフトウェアだ。上下左右に回転して切り替わったり、スライスして回転したりと自由自在に変化する。これはかなりインパクトがあるはずだ。 スライドの切り替えはボタンをクリックして行う他、時間が経過すると自動的に切り替わるようにもできる。アクションは多様に定義でき、設定ファイルを使ってアクションや奥行きの色を変更することができる。さらに文字を追加して表示する操作も可能だ。 画像のスライスは自動で
国内の商用利用可能なWeb制作に使えるフリー素材配布サイトまとめ - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 日本のWebデザインってあまりトレンド というのは無いような気がします。なんと言うか 見易さとか実用性メインでデザインは結構 シンプルだったりしますし、日本人に合ってる のかもしれないですね。そんな訳で日本人の 感性で作られた商用利用もOKの国内の Web素材配布サイトをまとめてメモしておきます。 僕自身がいいと思ったサイトを厳選してご紹介します。順不同。 サイトごとに利用規約が若干違うので重要な部分はメモしますが、ご利用の際は必ずご自身の目で利用規約ページをご確認下さい。問題が起きても当方は責任負いかねます。利用規約ページがある場合はそのページにもリンクを貼っておきます。 デザイン素材.com アイコンがメインでファイルはPNG。ネットショップ素材が中心で使いやす
nanapiのデザインプロセス（その１） - エスカフラーチェLLC
9/1にロケットスタートからリリースされたサイト「nanapi [ナナピ] - みんなで作る暮らしのレシピ -」でのサイトデザインを担当させていただきました。 制作過程みたいなものを書いてみたいと思います。 ロケットスタートに全力投球を誓った、けんすうさんからのご依頼 ある日、ロケットスタートの社長、けんすうこと古川健介さん（以下、けんすうさん）から ：HOWTOサイトをつくりたいからデザインを依頼したい！ ということで早速じっくりとお話を伺うことにしました。 ベンチャーだからこそできる！？合宿的制作スタイル 以前けんすうさんと一緒にお仕事させていただいたときに双方にとってよかったことがあります。 それは、デザインカンプができあがるまでのプロセスの段階で、短期間ながらじっくり直接やりとりする時間をつくる、ということでした。 宿泊こそ伴わないものの、合宿に似たようなスタイルです。 長い時
40 Awesome iPhone Application Websites
iPhone applications are hotter than ever. So how do these applications stand out and get noticed? One great way to do this is by creating a great website design that showcases these applications in the best possible way. These sites are usually very focused, professional and clean. You will also notice that there’s usually a […] iPhone applications are hotter than ever. So how do these application
iPhone向けWebサイト構築の基盤に·UiUIKit MOONGIFT
特定デバイス向けのWebサイト構築というのはごくシンプルだ。iPhone向けのWebサイトを構築する場合は、iPhoneで正しく見られれば良い。PCのように多彩なブラウザが使われていたりするとその表示誤差を吸収する必要があるが、iPhoneであればSafariだけで良い（今の所は）。 アイコンリスト そのため、iPhoneのSafariに対して最適化したサイトを提供しやすい。その基盤として使えるであろうソフトウェアがUiUIKitだ。 今回紹介するオープンソース・ソフトウェアはUiUIKit（Universal iPhone UI Kit）、iPhone向けWebサイト構築フレームワークだ。 UiUIKitはiPhone用に最適化されたHTMLとCSSが提供されている。同じようなフレームワークは多数あるが、特に機能が豊富なのが特徴だ。リスト一つをとってもシンプルなもの、グルーピングされたも
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
YUKI HARUYAMA Portfolio Site | 春山 有由希
Button Maker
Photoshop Vip » 保存版、合計1万個以上のベクター素材をダウンロードできるサイト21個まとめ
IDEA * IDEA
%26utm_content%3DGoogle%2520Reader)
BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS
コメント欄を華麗にスタイルするサンプル集:phpspot開発日誌
ピュアCSSで画像を壁に貼ったポラロイドギャラリー風にするサンプル:phpspot開発日誌
マウスオーバーをデザインする | DesignWalker
ウェブサイトで使用するものが一通り揃ったフリーのアイコン素材 -Primo