tyosuke2011のブックマーク - はてなブックマーク

Webサイト制作の一連の流れをまとめてみました
Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント（強み）を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス（PCやスマートフォンなど）を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する
tyosuke2011 2016/04/03
seo対策

pc

SEO

Web制作
リンク
フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。（それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。）私は以下の順番でフォントを選んでいます。恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び日本では、和文フォントと欧文フォントの2つを使います。また、和文フォントは、以下の4つに大きく分
tyosuke2011 2016/04/03
design

フォント
リンク
[Photoshop]マスクの方法まとめ
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。それぞれの作成方法をご紹介します。クリッピングマスクレイヤーマスクベクトルマスク（CS6, CC）ベクトルマスク（CS5？以前）クリッピングマスクすぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。アイコンが写真のように変化し、マスクがかかりました。調整レイヤーも同じようにマスクがけできます。レイヤーマスク選択
tyosuke2011 2015/01/06
photoshop
リンク
1