未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ
スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Strikingly - あなただけのウェブサイトを制作するための、最高のウェブビルダー
数分でウェブサイトを制作する ブランドを確立。世界を制覇。 コードはなし 、デザインのスキルも必要ありません。
Photoshopパターンファイルいろいろ
Home パターンやテクスチャ Photoshopのパターンファイル（ .pat） 背景などの面を１つのユニットを繰り返して塗ることをパターン塗りといいます。Photoshop ではこのユニットを pat ファイルとして書き出して、保存や交換をすることができます。 ここでは、Photoshop のパターン塗りに使われる「パターン」を .pat ファイルで無料配布しているサイトや、新しく公開されたフリー（無料）のパターンを紹介しています。 おしゃれでポップな花柄の背景素材、保存版フリーのPhotoshop用パターン おしゃれでポップな37点、継ぎ目が見えないシームレスの花柄背景・フリー素材を紹介します。 商業デザインに求められる清潔さや清廉さ、エレガントな印象をデザインした美しい花模様です。華やかな印象をつくるカジュアルな花柄模様は、ホームページやカタログ制作などの背景として使いやすいP
ホームページで大学を選ぼう —大学公式サイト一覧｜- 大学受験情報サイト - キャンパス アサヒ・コム
エリア・形態で表示 すべて表示 北海道・東北 関東 甲信越 北陸・東海 近畿 中国・四国・山陰 九州・沖縄 国公立 私立 女子大学 短期大学 東京都／神奈川県 青山学院大学 東京都 亜細亜大学 東京都 工学院大学 東京都／神奈川県 國學院大學 東京都 国際基督教大学（ICU） 千葉県 国際武道大学 東京都 国士舘大学 東京都 駒澤大学 埼玉県 埼玉工業大学 東京都／埼玉県 芝浦工業大学 東京都 杉野服飾大学 東京都 杉野服飾大学短期大学部 東京都 成蹊大学 東京都 成城大学 東京都 清泉女子大学 千葉県 千葉商科大学 千葉県 中央学院大学 愛知県 中部大学 東京都 津田塾大学 北海道/東京/神奈川/静岡/熊本 東海大学 東京都 東京経済大学 東京都 東京工科大学 東京都／神奈川県 東京都市大学 東京都／群馬県／愛知県 東京福祉大学 群馬県 東京福祉大学短期大学部 東京都 東京立正短期大学
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
5分でわかるCSSグラフィック
知って得する、Webブラウザ上で利用できるグラフィック関連技術。アニメーションや3Dが表現できる「CSS3」をハックしよう CSSで多彩な表現が可能に 本連載では、Webブラウザ上で利用できるグラフィック関連技術を、読み切りの形で、なるべく分かりやすく紹介していきます。第1回である今回はWebの基本技術の1つであるCSSで実現するグラフィック表現を取り上げます。 従来のCSSはWebページのフォントやレイアウトを整える機能がほとんどで、「グラフィック技術」というには物足りないものでした。しかし、CSS3と呼ばれる近年の拡張によって、アニメーションや3D表現を含む多彩な画面効果が実現できるものに進化しています。 この記事は、そうしたCSS3のグラフィック関連機能の基本的な使用方法をまとめて学習することを目的としています。 ベンダプレフィクスについて CSS3の多くの機能はまだ規格策定段階のも
CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 Photoshopで「こんなとき、どうしてます？」会議 #1 「こんなとき、どうしてます？」といったお困りごとから、「こんなテクニックを思い付いた」など、Photoshopに関しての使い倒し情報をライブ配信します。 開催日：2024年3月22日[金] オンライン 詳しく見る 「こぶりなゴシック」誕生秘話ディレクターズカット 紺野慎一さんに「こぶりなゴシック」の誕生の秘話をお聞きします。さらに、特別ゲストに正木香子さんをお迎えし、「こぶりなゴシック」の魅力や書体作りの未来について鼎談します。 開催日：2024年4月9日[火] オンライン 詳しく見る
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
素晴らしいロゴをデザインするための45の法則 | CREAMU
ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう
MdN Design｜総合情報サイト
第16回（最終回） 最新のデザイン表現を適用する ここまで紹介してきたCSSのレイアウトや装飾テクニックは、現在利用者の多いInternet Explorer 7や8、Safari、FirefoxなどのWebブラウザでほぼ問題なく動作するものでした。本連載の最終回は、未来に向けた準備として現在策定中の「CSS 3」の中からモダンブラウザで既に適用可能なスタイルをいくつか紹介します。 （公開日：2010年4月16日 解説：こもりまさあき） 現在策定中のCSS 3について CSSで指定したスタイル指示は、WebブラウザのCSSサポートの度合いによって適用できるかどうかが異なります。例えば、今現在の主流であるブラウザの多くではCSSレベル2（CSS 2）をサポートしているものがほとんどです（特定のプロパティだけ未サポートも含め）。その一方、現在CSSの次のバージョンにあたるCSSレベル3（CSS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PSDファイル アーカイブ - PhotoshopVIP
The Blog | Welcome to Adobe Blog
「学習院TIMES」は更新を終了しました。
http://www.designlinkdatabase.net/rank/2012_05.aspx
Yahoo! JAPAN PR企画 - 運動会特集2011秋
Photoshop Vip » 総まとめ、ダウンロードしておきたい筆記体フリーフォント厳選50個まとめ
無料素材画像サイト Do U like?｜テンプレ・素材
Web制作会社 エイチツーオー・スペース
