最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
最近のウェブデザインのトレンドを踏襲した、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
RT @techieblogger Beencounter - Track which sites your visitors visit http://bit.ly/CSdSp 1 day ago Hope you guys might have amazed to see some of the designers having beautiful Trees , leaves , lightning effects , etc in their design works. Never wonder how to add them to your own , because there are plenty of Photoshop Brushes available for creating special effects like Lightning effects , shado
最近よく見かけるようになった、フッタにコンテンツを充実させたオーバーサイズのフッタのデザイン集をwpbeginnerから紹介します。
似たようなツールは他にもあるが、使いやすそうだったのでご紹介。 Mockingbirdを使えば簡単にブラウザだけでサイトのワイヤーフレームを作ることができる。 これから作りたいサイトはこんな感じ・・・といったプロトタイプをつくるときに便利だろう。 ちゃんと日本語も通るし、タグクラウドやビデオといった今風の部品も揃っている。 サイトの提案なんかをするときに便利ですな。覚えておくといいだろう。
2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。 Web Design Trends for 2010 下記は、その意訳です。 また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインのトレンド はじめに 1. 特大のヘッダとロゴ 2. 手描き風のデザイン 3. 大胆で大きなフォント 4. タイポロジー 5. 1ページ レイアウト 6. インパクトがある画像 7. パースの活用 8. インタラクティブで直感的なデザイン 9. モーダルボックス 10. ミニマリズム 11. オーバーサイズのフッタ 12. レトロ 13. イントロボックス 14. 雑誌風のレイアウト はじめに このリストは、2009年に人気が高かったものからさらに発展するであろうトレンドを紹介しています。 ト
In recent years, advertising has become a major revenue source for many websites. Not too long ago, online ads were often met with disapproval from visitors, and advertisers were unsure about their value or effectiveness. Today, most visitors have come to expect ads on commercial websites, and advertisers have recognized the potential of various online ad opportunities. Ads have long been a part o
Banner Ad Gallery BannerReport.com maintains an extensive gallery of banner advertising samples collected from around the World Wide Web by our staff and sent in by your peers. Browse them at your leisure. Perhaps you'll be inspired when creating your own banners. And there is also the possibility that you'll learn about good design by looking at bad design. Some of the banners are quite visually
Checkout our previous works below, this page is automatically generated and a refresh will give you a new set of banners.
Textures have become more popular and been put to greater use in recent years. They’re not limited to Web design either; textures of all kinds are used in print design, illustration, traditional art, TV commercials… you name it! Texture is one of the best ways to add depth to your design, whether it’s subtle noise on a clean vector illustration or a lot of grunginess throughout a layout. Over the
でっかいロゴに飽きてきてヘッダをコンパクトにしたくなったので、少し前からサイトのスタイルを色々いじっていた。ナビと検索フォームとロゴを一段に並べるのはかなり難しかったので、ロゴをアイコンにして無理やり詰め込むことにした。border-radiusまくり。緑の流行はまだまだ続くらしいので色はこのままで。次はオレンジだな(適当)。 ヘッダ ロゴ・アイコンとナビをfloat: left;、検索フォームとTwitterとフィードのアイコンをfloat: right;。それぞれにborder-radiusを使って少し丸みをつけて、丸いロゴ・アイコンと並べてもあまり違和感が無いようにした。アクティブなナビはtext-shadowでエンボスっぽくしてみたんだけど、背景色の明るさがアレでうまくへこんでいるように見えない……。 最初、display: table-cell;で検索フォームの横幅をうまいこと可
イチョウの葉が黄色く色づきはじめ、近所の学校から秋の運動会の声が聞こえてくる今日このごろ、皆様いかがお過ごしでしょうか。今回も個人的に感じた、素晴らしいサイトの特徴をいくつかお話したいと思います。 結び目を解く、知的な遊び 『HBO Imagine』 2007年に『HBO VOYEUR』でその年の広告賞を総なめにした、アメリカのケーブルテレビネットワーク放送局HBOが新しくスタートしたインタラクティブキャンペーンのウェブサイト『HBO Imagine』です。 図1 立方体の4つの面に映像が流される credit: BBDO New York, The Barbarian Group 画面中央に浮かぶ立方体の4面で、映像による2つの物語が進行していきます。ユーザーは画面を切り替えながら最大2画面を同時に視聴できますが、それだけで物語の本当の内容を知ることはできません。 図2 物語に関連する情
商用サイトでも無料で利用できる高解像度の葉っぱのPhotoshopのブラシをSix Revisionsから紹介します。 Leafd: 10 Free High-Res Photoshop Leaf Brushes ブラシは個人・商用とも無料で利用可とのことで、ライセンスはCC 3.0です。 葉っぱは全部で10種類あり、2000px前後の高解像度なものとなっています。
Ireland. The land of the leprechauns, green fields and Guinness. But what about the web industry in Ireland? There have been a host of interesting things happening both North and South of Ireland recently. Nicholas Felton talked in Belfast, Ze Frank talked in Dublin, FOWA came to Dublin for the first time and FOWD came to Belfast. Are all these high profile events an indication that there are exci
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く