読者です 読者をやめる 読者になる 読者になる

NIMAIGAE!

Webデザインあれこれ

Webデザイン初心者が覚えておくと得すること【まとめ】

サーバー・ドメイン

代表的なもの。

lolipop.jp

heteml.jp

www.xserver.ne.jp

muumuu-domain.com

お名前ドットコム
http://www.onamae.com/

FTP

FTPとは、インターネット上でコンピュータ同士がファイル転送をするときに使われる通信上の約束ごとのこと。

 

FTPとは、File Transfer Protocol(ファイル・トランスファ・プロトコル)の略で、サーバとクライアントという2台のコンピュータ間で、ファイルを転送するためのプロトコル、つまり、通信上の決まりごとのひとつで、Webサイトからデータをダウンロードする際や、ホームページ作成時にデータをサーバにアップロードする際に使われます。

 

techacademy.jp

techacademy.jp

ワイヤーフレーム

cacoo.com

Webライティング

ライティングおすすめ本

沈黙のWebライティング ?Webマーケッター ボーンの激闘?〈SEOのためのライティング教本〉

沈黙のWebライティング ?Webマーケッター ボーンの激闘?〈SEOのためのライティング教本〉

 

20歳の自分に受けさせたい文章講義 (星海社新書)

20歳の自分に受けさせたい文章講義 (星海社新書)

 

新しい文章力の教室 苦手を得意に変えるナタリー式トレーニング (できるビジネス)

新しい文章力の教室 苦手を得意に変えるナタリー式トレーニング (できるビジネス)

ライティングおすすめスライド

www.slideshare.net

Webディレクションマーケティング

バズ部

沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディション

沈黙のWebマーケティング −Webマーケッター ボーンの逆襲− ディレクターズ・エディション

Webデザイン

デザインおすすめ本

 デザインの基礎がすべて入っている素晴らしい本。

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

なるほどデザイン〈目で見て楽しむ新しいデザインの本。

 

レイアウトの勉強に。

岡本一宣の東京デザイン

岡本一宣の東京デザイン

岡本一宣のピュア・グラフィック

岡本一宣のピュア・グラフィック

 

デザインするうえで役立つので読む。デザイン着手前に見直すとよい。

www.4696.co.jp

配色

基本的な理論をまず覚える。

www.slideshare.net

 

www.slideshare.net

baigie.me

著名なアートディレクター

代表作は押さえておく。自分の感性にあったADを深堀りする。

亀倉雄策
永井一正
仲條正義
葛西 薫
大貫卓也
原研哉
宮田識
佐藤雅彦
佐藤可士和
青木克憲
菊地敦己
佐野研二郎
水野学
森本千絵
北川一成
古平正義
中村勇吾など

タイポグラフィ

フォントのふしぎ  ブランドのロゴはなぜ高そうに見えるのか?

フォントのふしぎ ブランドのロゴはなぜ高そうに見えるのか?

欧文書体―その背景と使い方 (新デザインガイド)

欧文書体―その背景と使い方 (新デザインガイド)

 

www.slideshare.net

Webフォント

fonts.google.com

Webコーディング(HTML/CSS

www.ituore.com

Webコーディング(javascript

ozpa-h4.com

写真・素材

クライアントから素材がもらえなかったときに。

写真

有料サービス

pixta.jp

jp.fotolia.com

無料サービス

www.ashinari.com

www.pakutaso.com

www.photo-ac.com

unsplash.com

pixabay.com

イラスト

フリーとはおもえないクオリティ。

www.irasutoya.com

www.ac-illust.com

アイコン

icooon-mono.com

flat-icon-design.com

ツール関連

便利ツールです。

画像圧縮

画像はかならず圧縮する。

tinyjpg.com

www.jpegmini.com

ダミー文生成

テキストが入ります。テキストが入ります。ってやつの代わりに。

lipsum.sugutsukaeru.jp

ダミーテキストジェネレータ | Web制作小物ツール - dounokouno.com

HTMLチェック

正しいコードかチェック。

http://www.htmllint.net/

サイト速度計測

サイトの表示速度はかる。

PageSpeed Insights

フェイスブックデバッガー

シェアしたときの表示確認とか、キャッシュ消したりとか。

https://developers.facebook.com/tools/debug/

OGP画像シュミレータ

OGP設定の検証に。

ogimage.tsmallfield.com

アクセス数チェッカー

競合のPV数しらべるとき。

https://www.similarweb.com/

バイス別表示チェッカー

google製。便利。

material.io

バイルフレンドリーテストサイト

これもgoogle製。便利。

testmysite.thinkwithgoogle.com

Web情報サイト

有益な情報がまとめられている。定期的に徘徊して情報を得るとよい。

kachibito.net

coliss.com

ferret-plus.com

baigie.me

e0166.blog89.fc2.com

photoshopvip.net

techacademy.jp

uxmilk.jp

commte.net

Webデザイン参考サイト

Webデザイン時の参考に。

io3000.com

bm.straightline.jp

bm.s5-style.com

muuuuu.org

bookmark.dot-sg.com

responsive-jp.com

81-web.com

www.awwwards.com

Awards - The FWA

https://www.thebestdesigns.com/

Web専門用語

Web業界には多くの専門用語が存在するので覚えておく。

www.webcreatorbox.com

uxmilk.jp

ファイル送信サービス

でかいファイルおくらなきゃいけないときに。

gigafile.nu

firestorage.jp

www.filesend.to

www.datadeliver.net

チャットツール

チャットでやり取りする場合は大体この二つ

slack.com

www.chatwork.com

キャッチコピー

www.slideshare.net 

著名なコピーライター

秋山晶
土屋耕一
糸井重里
谷山雅計
仲畑貴志
など

 

みんなに好かれようとして、みんなに嫌われる。勝つ広告のぜんぶ

みんなに好かれようとして、みんなに嫌われる。勝つ広告のぜんぶ

広告コピーってこう書くんだ!読本

広告コピーってこう書くんだ!読本

CMS

コンテンツマネジメントシステム

更新機能が必要なサイトに。それぞれサービスごとに特性があるので使い分ける。
でもだいたいWordPress

ja.wordpress.com

basercms.net

www.sixapart.jp

a-blog cms スマホ・PCサイトを一元管理

フォロー推奨Twitterアカウント

著名クリエイターアカウント。学びが多い。

twitter.com

twitter.com

twitter.com

twitter.com

twitter.com

twitter.com

twitter.com