実例からウェブデザインを学ぶ -Web Design Case Study: Refilmagem映画に関するポータルサイト「Refilmagem」のウェブデザインのケーススタディをAbduzeedoから紹介します。 Web Design Case Study - Refilmagem Refilmagem ケーススタディでは、プレゼンテーションに使用したタイポグラフィやリファレンスも掲載されており、サイト構築に使用しているDrupalを考慮にいれた手描きのモックアップも紹介されています。
Photoshopでウェブレイアウトを作成する方法 / ウェブデザインライブラリー
投稿日：2009年12月25日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでウェブレイアウトを作ってみたいと思います。 Step1 ： はじめに Step2 ： タイトル・キャッチコピーを入力する Step3 ： ボタンを作成する Step4 ： 必要な情報を入力する Step5 ： コンテンツボックスを作成する Step6 ： コンテンツボックスを複製する Step7 ： 完成 900x900の新規ドキュメントを作成し、階調の異なる2種類の濃いグレーを背景色／描画色に設定します。 次に、長方形選択ツールでカンバスの一番上に長方形を描き、線型グラデーションで上から下にドラッグして塗ります。 さらに、次のようなレイヤースタイルをその長方形に追加してください。 今のところこんな感じです。
レンタルサーバーを借りて、自分だけのホームページを作ろう！～ロリポップ編～ | nanapi[ナナピ]
レンタルサーバーを借りて、自分だけのホームページを作ろう！～ロリポップ編～ に関するライフレシピをご紹介します。nanapi [ナナピ]は、みんなで作る暮らしのレシピサイトです。「自分のホームページを作ってみたいんだけど、どうすればいいの？」 こんな事を聞くと、「まずはレンタルサーバーを借りるところから始めるんだよ」という風に言われます。でも、「レンタルサーバー」って一体何？ 借りないとホームページは作れないの？難しくない？高くない？ ここでは、初めてレンタルサーバーを借りようとするみなさんが感じる、沢山の疑問が、少しでも減ってくれるようにレンタルサーバーの基礎知識をお伝えしたいと思います。 レンタルサーバーって何？ レンタルサーバーは、ホームページを公開する為のスペースを提供してくれるサービスです。こう書くと、ちょっと堅苦しい感じになってしまうかもしれませんが、要はこういうことです。
Lifehacker » Blog Archive » Logo Design Tutorials
The most important identity of businesses is the logo. This is the list of best handy picked logo design tutorials. WordPress Themes – only new and fresh WordPress Themes available for free download. WordPress Themes – a great compilation of appealing and functional WordPress themes under one roof. WordPress Themes – excellent collection of Free WordPress Themes updated regularly. Photoshop Tutori
【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル
Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
The 60+ Best Photoshop Tutorials for Digital Artists – Speckyboy
For most professional designers, Photoshop is the tool of choice. While there are other editors out there that offer similar functionality, none can match the popularity or the massive, passionate community that Photoshop enjoys. The application is ubiquitous in the design world, and with good reason. The true power of Photoshop is the vast community that has formed around it. This community is wh
Fireworks CS4を買ったのでチュートリアル資料まとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://thetutorialist.com/design/20-beautiful-website-design-tutorials/
http://www.designwalker.com/2009/10/illustration-tutorials.html
1時間で作るホームページ
HTMLの外部ファイル化
http://2step-css.com/