ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ 3. ビジュアル効果を与えるテクスチャ 4. トーンや印象を明確にするテクスチャ 5. シンプルなピクセルパターンの繰り返し 6. 大きなインパクトを与えるパターン 1. ノイズのテクスチャ ノイズのテクスチャは最近のウェブデザインでとても人気があります。これは背景からボタンまで、あらゆるデザインほとんどのエレメントにマッチします。 ノイズの使い方は使う場所に依存しますが、良いノイズというのはぱ
mouf design
Regency Lights Web design / Logo design / Graphic design / UI design 勘村 洋和 Hirokazu Kanmura 〒920-0831 石川県金沢市東山2-6-7 2-6-7, Higashiyama, Kanazawa, Ishikawa 920-0831, Japan tel: 090-6028-5965 url: www.moufdesign.info mail: info@moufdesign.info ウェブ、グラフィック、ゲームUIデザイン制作などを中心に活動しています。 ご感想、お仕事のご依頼はお問い合わせフォームまたメールよりお気軽にお送りください。 We have been acting with the main business lines of web designs, graphic design
【DTP】から【WEB】へ逃げようとしている人のスレ
1 ：ФゝФ〕Иαηα∫н！∫αη：2008/04/05(土) 21:29:15 DTP・出版・紙媒体・・・ みんな、危機感ない？みんな、危機感ない？ 将来どうするよ。 2 ：ФゝФ〕Иαηα∫н！∫αη：2008/04/05(土) 22:10:01 書籍のデジタル化も進んでるっていうことだしな。 何年もつのかなー。こわっ。 3 ：ФゝФ〕Иαηα∫н！∫αη：2008/04/05(土) 22:11:56 雑誌がさっぱりらしいな。確かに、全く買わなくなった。 時間つぶしの立ち読みオンリーだわ。 4 ：ФゝФ〕Иαηα∫н！∫αη：2008/04/05(土) 23:02:37 雑誌で得ていた情報が、今はWEBでただで知るができる。 下降線だわな。 5 ：ФゝФ〕Иαηα∫н！∫αη：2008/04/06(日) 01:21:49 Web以上に内容の濃いものを作らないといけないんだろうな。 6
Web制作に超便利！無料のプロトタイプ作成ツール
本格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基本操作は、左側に並んでいるGUI部品を
ホームページ作成 1時間で作ろう！
ホームページ作成 1時間で作ろう 「1時間で作るホームページ」は、作り方の基本を学ぶためのページだ。詳しい説明は省いて手順を中心に進めるので、誰でも作ることができる。作り方は人それぞれだけど基本は同じ。1時間で作り方を学んでみよう！ 1時間で作り方を学ぶ HTML？ホームページをの作り方 必要なもの HTMLで最初のページを作る ページを増やす FTPでサーバーへアップ HTML基礎の基礎 FAQ：気をつけたいこと 1時間で作った後は？ エディターを入手セヨ 文字コードとDTD宣言 メニューとフレーム フレームでメニューを フレームのバリエーション 知っておきたいこと 絶対パスと相対パス ファイルサイズは小さく BBSの設置？CGI のお話 ウイルスのお話
Webデザインスクール - リカレント(R) | WEB講座
Illustrator・Photoshopの操作スキルを基礎から実践レベルまで学習。企画段階の「ビジュアルコンセプト」・設計段階の「情報デザイン」を考慮しつつ、デザイン（色の表現やレイアウト、平面構成など）できるスキルを習得します。 CSS/SEO/Usability/Accessibilityなどのスキルを習得し、クライアントニーズを実現させるWebビジネスデザインを実践形式で学びます。現場で求められる知識や技術を反映したカリキュラムにより、初心者から即戦力を目指します。 HTML5/CSS3やPHPなどのスキルはもちろんのこと、PC・タブレット・スマホなどデバイスごとにサイトの表示サイズを自動で最適化させる「レスポンシブWebデザイン」といった話題の技術も実践的に学べます。
魅力的なウェブサイトを作成するために知っておくと便利な9つのスクリプト - GIGAZINE
個人的なウェブサイト作成や仕事としてウェブサイトを作成している人だけでなく、何かのサイトを発注して作ってもらう際などにこういうのを知っておくと、かなりはっきりと具体的なイメージを相手に伝えやすくなるので、スムーズにコミュニケーションできるはずです。あるいはクライアントにこれらのリソースの存在を認知してもらうことで、話が進めやすくなるかもしれません。 というわけで、魅力的なウェブサイトを作成するために知っておくと便利な無料の各種スクリプトは以下から。 Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルのダイアログボックスなどを表示させることができます。Mac OS Xのダイアログボ
Adobe : EDGE Now! ウェブの今、更新中。
ウェブ・ポータルサイト、EDGE Now!は、2009年9月1日よりシステムのリニューアル作業に入るため、しばらくの間すべての機能を停止いたします。 8月31日をもって、機能を一時停止するもの EDGE Now!における全てのコンテンツ（ブロガーランキングや、ブログ記事の反映も停止いたします） ADOBE EDGE Now! Bookmarker EDGE Now!ブログパーツ ブログ記事の反映について 現在、ブログ記事をEDGE Now!に反映する際、カテゴリの指定やタイトル、URLの表記といったブログの書き方についてのお願いをしておりますが、8月31日をもって、しばらくの間、反映されなくなりますのでご了承ください。 再開について システムのリニューアル作業が終了し、EDGE Now!が再開した際には、登録ブロガーの方に、メールでお知らせいたします。 登録ブロガーの方のみならず、参考サイ
Bascule Inc.
FEATURED PROJECT新しいつながりをデザインし、既存の枠組みを超えた未来のスタンダードをつくる プロジェクトデザインの事例です
はてなダイアリーデザイン管理機能リリース - はてなダイアリー日記
はてなダイアリーで、自分のヘッダ、フッタ、スタイルシートで記述した内容を保存し、また公開することで他のユーザーと共有することができる「デザイン管理」機能をリリースしました。デザイン管理機能へは、「管理ツール」の「デザイン」メニューからアクセスしてください。またこれに伴い「かんたんデザイン」と「詳細デザイン」の切り替えを画面左上のタブで行うようにしました。 今回の機能追加の内容をわかりやすい動画でご覧いただけます。以下のプレーヤーから再生してください。 以下、詳細な説明です。 デザイン管理機能 デザイン管理画面では、すでに現在利用中のデザインセット( 「ユーザー名さんのデザイン」 )が保存されています。変更したいデザインを選択し、「デザインを適用する」をクリックすることで複数のデザインを使い分けていただくことができます。 現在のデザインを編集するには アイコンを、新しくデザインを作成するには
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
株式会社ガイアックスの公式サイト › ガイアックスオフィシャルサイト
WORKS ONLINE BOOK STOREの移管に関して
CG-ARTS | 書籍・教材
全講座一覧 | Web、CG、映像、アプリ、造形はデジハリの通信講座
bgMaker ||| Background maker || Tiled Background generator | Web Background maker