-
ヴィジュアル要素の表現方法 | Arch www.ar-ch.org
ヴィジュアル要素をつくるときに使えるような、表現方法をまとめてみました。 メインビジュアルなどをつくるとき、うまく思いつかず困ってるんだよねーって方の参考になるかな、と思います。 ヴィジュアルの表現方法としては、大きく分けて以下の2種類があります。 ■直接的な表現 人・物・動物・タイポグラフィ... 続きを読む
-
レイアウトの基本的な型と、レイアウトからデザインまでの流れ | Arc... www.ar-ch.org
Webサイトにおいて、レイアウトの基本的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基本的な型を知っておくと... 続きを読む
-
Webサイト制作において、私なりの色選定の考え方 | Arch www.ar-ch.org
色の選び方って難しいですよね...。 私自身良く迷うので、頭の中を整理するためにも、私なりの色選定の考え方をまとめてみました。 ※色の基本的な知識は既にあるという前提で書いてます。 色の基本的な知識がない方は、こちらを見ておくと良いかと。 色の選定にあたり、大切なことは、「目的」と「ターゲット... 続きを読む
-
ブログの『入り口』と記事の評価材料について考えてみた | Arch www.ar-ch.org
最近特に、Twitter、FacebookなどのSNS、はてぶなどのソーシャルブックマークや個人ブログからのアクセスが増えてきたなぁ、と思ったので書いてみました。 ブログの『入り口』とその『入り口』をつくってくれる個人の影響、またそれに対する記事の評価材料についてです。 個人が『入り口』を作っ... 続きを読む
-
PCのセットアップ時Webデザイナーに必要となるもの | Arch www.ar-ch.org
PCのセットアップ時、Webデザイナーに必要となるものを書き留めてみました。ほぼ自分用だけどお役に立てば。 OSはWindows 7と考えています。 また、フリーランスや規模の小さい会社というのを想定しています。 他にもこんなのがあったらいいよー、というのがありましたら教えていただけると嬉しい... 続きを読む
-
4月から無職になりました | Arch www.ar-ch.org
3月いっぱいで勤めていた会社から解雇され(業績不振のため)、4月から無職になった管理人ですどうもこんにちは\(^o^)/ 業績不振で解雇されたというと、「ああ不況なのね...」って感じがしますが、どうやら良く考えるとそれだけじゃないのではと思いました。 なので、ちかごろさいきんのWeb制作業界... 続きを読む
-
フォントの基本的な選び方 | Arch www.ar-ch.org
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 (それに縛られすぎてもいけませんが... 続きを読む
-
Webデザインの評価項目をつくる | Arch www.ar-ch.org
Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか? 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみて... 続きを読む
-
デザインイメージを表す言葉まとめ | Arch www.ar-ch.org
ちょっと仕事で使うことがあったのでメモ的エントリです。 デザインイメージを表す言葉を思いつく限り書き出し、五十音順に並べてみました。 使えない言葉もあると思いますが、言葉の語彙を増やしたい方の参考としてどうぞ。 あ行 あ 明るい、温かい、安心感のある い 生き生きとした、インパクトのある う ... 続きを読む
-
Webサイトの「目的」と企業の「強み」とユーザーの「利益」とデザイ... www.ar-ch.org
Webサイトのデザインをデザイナーさんに頼んで、上がってきたデザインがすごく良いものと、あまり良くないものがあります。 その差はどこにあるんだろう?って考えたとき、その理由の1つとして、マーケティング視点でデザインを考えられているかどうか、ということに気がつきました。 ですので、今回の記事では... 続きを読む
-
デザイン上級者 21の特徴 | Arch www.ar-ch.org
デザイン上級者は、中級者と初心者と何が違うんだろう?って思った時に、こちらの本が役に立ちました。 『上達の法則 - 効率のよい努力を科学する -』という本です。この本には、碁や茶道など、あらゆる分野に共通する上級者の特徴がのっています。この本を参考に、デザイン上級者の特徴と、上級者になるための... 続きを読む
-
ベーシックなストライプのPhotoshopパターン 460個セットを作りまし... www.ar-ch.org
仕事でストライプのパターンを良く使うので、まとめて作ってみました。ストライプのパターンは、斜め・縦・横の3種類、白と黒(背景透過)、線幅2pxごと、線幅の間隔は等倍・1.5倍・2倍の全460個です。 (stripe.zip:571KB) Zipファイルを解凍後、パターンファイルをPhotosh... 続きを読む
-
ページアップ後ディレクターがチェックすべきポイントと便利ツール5... www.ar-ch.org
- コンピュータ・IT
- コーディング ディレクション Webディレクション
- 8 users
- 2011/12/19
HTMLページをアップ後にWebディレクターが特にチェックすべきポイントと、そのチェックをするために便利なツール5つをご紹介します。 1. コーディングミスの有無を調べる コーディングミスについて コーディングは、Firefoxのアドオン、HTML Validatorでチェックします。 まずは... 続きを読む
-
デザイナーへのデザイン指示はどのようにしたら良いか? | Arch www.ar-ch.org
あなた(ディレクター)がデザイナーへデザインの指示をするとき、どのようにしていますか? クライアントからのざっくりとしたデザインイメージを伝えるだけで、意図したとおりのデザインを作れる人がまわりにいますか?いたらすごく幸せですね...。 でも、そういったスーパーデザイナーばかりではないと思いま... 続きを読む
-
思わずおいしそうと言ってしまうシズル感あふれるサイト13個 | Arch www.ar-ch.org
食品系のサイトにとって、ユーザーにおいしさを訴求することはとても重要ですね。魅力的な写真を使い、思わず「おいしそう」と言ってしまう食欲をそそるデザインのサイトを13個集めてみました。 ちなみにシズル感とは、このような意味です。(Yahoo!辞書へ) シズル感あふれるサイト13個 1. おどり寿... 続きを読む
-
Webディレクターって何?私がまわりに良く聞かれる質問とその答え7つ... www.ar-ch.org
Webディレクターになってから、私がまわりに良く聞かれる質問を書き出してみました。これを読めば、Webディレクターとは何かが大体わかると思うので、ご興味のある方はどうぞ。 ※自分の体験をもとに書いているので、他の会社では違う場合があるということをご了承ください...。 1. Webディレクター... 続きを読む
-
【Photoshop初心者向け】知っていると便利な技9つ | Arch www.ar-ch.org
- コンピュータ・IT
- photoshop *あとで読む Web_Design Memo_forMyself
- 9 users
- 2011/10/05
Photoshopをさわりはじめて半年未満くらいの初心者の方向けです。それ以上の方はほとんど知っていることだと思いますので、確認程度にざっと見ていただければと思います。 1. レイヤースタイルのグラデーション効果は、描画モードを「オーバーレイ」に グラデーションの部分で色をつくるのではなく、白... 続きを読む
-
Chrome+HTML5 Conferenceのデザイナーズトラックで学んだこと | Arch www.ar-ch.org
Chrome+HTML5 Conferenceのデザイナーズトラックで学んできたことを簡単にまとめてみました。 主にあとで自分が詳しく調べるとき用の備忘録です。 内容がすごく濃くて、HTML5初心者の私にとって為になるお話ばかりでした。 HTML5について (1) HTML5では何ができる? ... 続きを読む
-
TweetボタンやFacebookのいいねボタンに関するメモ | Arch www.ar-ch.org
自分のサイトや仕事で、TweetボタンやFacebookのいいねボタンを入れたときのメモです。 (ちょくちょく仕様変更しているようなので、2011年7月15日現在で有効な情報です) Tweetボタン 基本的には、こちらの公式からソースをダウンロードして貼りつければOK http://twitt... 続きを読む
-
[Photoshop]レタッチ方法 : 自然に明るくする、暗くする。 | Arch www.ar-ch.org
Photoshopで、ブラシを使って自然に明るくしたり暗くする方法をご紹介します。とっても簡単にできます。 例えば光の当たり方で顔だけが暗い時など、もう少し明るくしたい、ってことがありますね。 01) レイヤーを新規作成し、モードをオーバーレイにする。 02) ブラシを選択し、描画色を白にする... 続きを読む