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

webデザイナー学習記録帳

webデザインやwebに関する学んだことの学習記録帳です

スクーが速度調整可能に!

素晴らしい。。スクーの動画が速度調整可能になったようです↓ https://schoo.jp/news/2015/2015-11-30 良かった 正直、1時間時間取られるのキツカッタこれでもっと見られるし 脳にもよさそう。。(脳トレ的な意味で

バナー演習1

今回は、 こちらの記事で(→過去記事参照)演習したものを フォトショップの使い方を覚えるために フリー素材を使用して 自分で、演習してみました ↓ ↓ ↓ (↑ 余白の使い方に迷いが。。) (今回は、ツールの使い方(マスク+グラデーション)に重点をおいて…

バナー作成【Illustrator編】

今回の動画はこちら ↓ ↓ ↓ Illustrator基本操作入門 -バナー編- まきの ゆみ 先生 - 無料動画学習|schoo(スクー) まきのゆみ先生のIllustratorを使用したバナー作成の動画です まきの先生の動画は、何か作品を作る過程でツールの使い方を覚える というス…

バナー作成 Photoshop編

今回の動画はこちら↓です! つくりながら楽しくマスターPhotoshop実践特訓【バナー編】 まきの ゆみ 先生 - 無料動画学習|schoo(スクー) 今回の動画では、スイーツのバナーと和風のお菓子のバナーを作成するという 動画でした! 【主なポイント】 写真の…

htmlが嫌いにならない正しい構文【css編】を視聴

今日みた動画はこちら↓ Webデザインを始めたい方に贈る、「HTMLが嫌いにならない正しい構文」必要スキル【CSS編】 田中 晶子 先生 - 無料動画学習|schoo(スクー) 【勉強になった点】 cssのリンク方法 youtube動画の貼り付け方 グーグルマップの貼り付け方

私のブログのサイト制作仕様書からコーディング - webデザイナー学習記録帳からの続き記事です 今日みた動画は、これです↓ Webデザインを始めたい方に贈る、「HTMLとCSSって何」【概要理解とツール導入】 田中 晶子 先生 - 無料動画学習|schoo(スクー) 【…

サイト制作仕様書からコーディング

スクーにあるwebサイトの作成の動画を順に演習していっています ワイヤーフレーム作成 - webデザイナー学習記録帳 ワイヤーフレームにピクセル数を書き込む - webデザイナー学習記録帳 ワイヤーフレームにクラス名などを書き込む - webデザイナー学習記録帳 …

ワイヤーフレームにクラス名などを書き込む

スクーのこちら↓の動画のワイヤーフレームの演習をしています(^o^)/ Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 田中 晶子 先生 - 無料動画学習|schoo(スクー) 一昨日の記事(ワイヤーフレーム作成 - webデザイナー学習記録帳)で ワイ…

ワイヤーフレームにピクセル数を書き込む

スクーのこちら↓の動画のワイヤーフレームの演習をしています(^o^)/ Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 田中 晶子 先生 - 無料動画学習|schoo(スクー) 昨日の記事(ワイヤーフレーム作成 - webデザイナー学習記録帳)で 作成し…

ワイヤーフレーム作成

スクーのこちら↓の動画のワイヤーフレームの演習しました!! Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 田中 晶子 先生 - 無料動画学習|schoo(スクー) 本もいいけど、やはり動画がじゃないとわからない知識や技術があって とってもい…

バナーを手描きでスケッチ

バナー手描きスケッチ

プチ目標設定1−2

→プチ目標設定1 - webデザイナー学習記録帳の続きです どうやら私の使っているCC2015では、新規作成時に webやモバイルアプリデザインを選択すると自動で アートボードになってしまうみたい 参考→WebデザイナーのためのAdobe CC 2015の新機能と不具合まとめ…

プチ目標設定1

さっそく、今日のプチ目標設定1を設定したいと思います 意識する事は、以下 達成期限+数値目標→行動目標 高すぎる目標は頓挫するの実現可能なレベルに落とす 目標達成のためならレベルを落とすことはレベルアップにつながる 最初の目標はある程度できるか…

プチ目標の設定について

目標がないと、だらだらと時間だけが 過ぎていってしまうので オンライン学習サイト スクーの 目標達成の動画にあった目標達成の技術を使用して 目標を設定してブログにアップしていこうと思います 私の記事でいうとこの記事ですね ↓ 正しい目標を設定する技…

レッスン2 和の趣と高級感を演出する

こちらの本のレッスン2の記事です ↓ web-expert.hatenablog.com 架空の旅館のwebサイトのサンプルが載っています 雰囲気 和風/落ち着いた/高級感 ターゲット 30代から60代 架空設定 隠れ温泉宿「朱泉閣」料金は他の温泉宿より少し高め 広い客室と豪華な…

Webデザインの骨組み「ワイヤーフレーム」を学ぼう【完成編】

スクーの今回の動画 Webデザインの骨組み「ワイヤーフレーム」を学ぼう【完成編】 - 無料動画学習|schoo(スクー) webサイトを制作する際に制作仕様書が必要になる 制作仕様書の基本的な構成のサンプル (↓アスキーの連載が紹介されていました) ASCII.jp…

webサイトの基本的な制作手順

人を惹きつける美しいウェブサイトの作り方を購入 - webデザイナー学習記録帳を購入したので、学んだ事などを記事にしています webサイト設計 きれいなサイトやかっこいいサイトを作りたいと思いがちだが まずは、「こんな人に見てもらいたい」「だからこう…

人を惹きつける美しいウェブサイトの作り方を購入

Amazonでweb系の新着本を見ていたら良さそうな本があったので 近くの本屋さんで購入!! 本屋で色々なwebデザインの本を見てきましたが ここまで、細かく作り方が載っている本ってあったかな? という感じです 女子向けサイトから企業サイト、旅館系サイトな…

ワイヤーフレーム・デザインカンプ入門 -ワイヤーフレームの作り方-

オンライン動画学習サイトのschoo(スクー)にて視聴した動画の 動画の中で重要だなと思った部分や学習した事の自分メモです 今回の動画は、全部で4限ある授業の2限目 ワイヤーフレーム・デザインカンプ入門(全4回) - schoo WEB-campus(スクー) この動…

ワイヤーフレーム・デザインカンプ入門 概要と役割

オンライン動画学習サイトのschoo(スクー)にて視聴した動画の 動画の中で重要だなと思った部分や学習した事の自分メモです 今回の動画は、こちら↓ 全部で4限ある授業の1限目ワイヤーフレーム・デザインカンプ入門 -概要と役割- 岡本 紳吾 先生 - 無料動…

CSS3で吹き出しを作る

素早くCSSの吹き出しボックスが作れる (海外サイト)矢印ジェネレーター 今回、左に自分の顔を置き喋っている風にしてみました 参考になるサイト様 CSSだけで簡単に吹き出しを作成する方法4つ! : アシアルブログ HTML/CSSで簡単な吹き出しの作り方 - Qiita

PDFのポートフォリのサイズが大きい時に無料でオンライン圧縮

webデザイナーの求人応募の際に 必ずと言っていいほど必要なのがポートフォリオです 私は、webデザインの職業訓練校でポートフォリオを イラレで作成して、それをPDF化する方法を教わりましたが どうやら、イラレで作成するとPDFのファイルサイズが とても大…

SNS投稿で差がつく!今夜からできるおいしそうな料理写真の撮り方

schoo.jp ミラーレスカメラがおすすめですが スマホでも参考になる撮り方!! 授業の流れ おいしそうでに見せる光 おいしそうに見せる「切り取り方」 プラスアルファでワンランクアップ 質疑応答 自然光で撮るとよい(お料理に立体感が出る) 自然光に対して…

「趣味で終わらせない!」売れる写真を撮る方法

「趣味で終わらせない!」売れる写真を撮る方法 わたなべ りょう 先生 - 無料動画学習|schoo(スクー) 目次 誰もが自分の写真を売れるPIXTA(ピクスタ) 売れるカメラマンってどんな人? 売れる写真のポイント 皆さんが撮った写真を見てみよう! 売れるカ…

面白法人カヤックと学ぶ、ひらめきを生む発想フレームの活用術【逆転の発想編】

面白法人カヤックと学ぶ、ひらめきを生む発想フレームの活用術【逆転の発想編】 みよし こういち 先生 - 無料動画学習|schoo(スクー ブレイクスルーひらめきはロジックから生まれる という参考にして授業をすすめていく この本に出てくる「逆転の発想法」…

目標達成のための、行動を変える技術 「サイクルを回す」

目標達成のための、行動を変える技術 「サイクルを回す」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習PDCF 前回宿題確認 プロフェッショナルとは お客さまは誰だろう? A:行動を変える技術 PDCFAサイクル ありたい姿(夢)を実現する…

目標達成のための、人から吸収する技術2「共感と問いかけ」

目標達成のための、人から吸収する技術②「共感と問いかけ」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習 前回宿題確認 行動に良い影響を与える フィードバック技術 フィードバックしてみよう1 「共感」フィードバックしてみよう2「問…

目標達成のための、人から吸収する技術1「答えは相手にある」

目標達成のための、人から吸収する技術①「答えは相手にある」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習:P(目標を立てる技術)D(行動を続ける技術)C(行動を振り返る技術) 前回宿題確認 どちらが相手が動くか 「動機付け」とは …

目標達成のための、行動を振り返る技術②「自分で気づく方法」

目標達成のための、行動を振り返る技術②「自分で気づく方法」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習:自分を成長させる「究極の質問」とは 前回宿題確認 行動目標、行動習慣の例 悪い振り返りの例 行動を振り返る技術 4つの点 …

目標達成のための、行動を振り返る技術①「経験から学ぶ方法」

目標達成のための、行動を振り返る技術①「経験から学ぶ方法」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習:P行動目標 D行動習慣 前回の宿題の確認 どこが気になりますか? 95点問題 「できた」ことを見つめる 人の深層心理を知る 自…

目標達成のための、行動を続ける技術2「タイミングとアウトプット」

目標達成のための、行動を続ける技術②「タイミングとアウトプット」 永谷 研一 先生 - 無料動画学習|schoo(スクー) アジェンダ 復習:行動目標、三大根付かない行動習慣 前回宿題確認 続かない行動計画の例 改善すべき行動計画とは 行動習慣を考える いつ…

目標達成のための、行動を続ける技術1「続かない行動、続く行動」

目標達成のための、行動を続ける技術①「続かない行動、続く行動」 永谷 研一 先生 - 無料動画学習|schoo(スクー) 続ける技術1 続かいない行動、続く行動 アジェンダ 復習:目標設定の4ステップ 習慣てなあに? アクションプランの構造 いきなり質問 行…

正しいマインドマップの使い方・描き方2

正しいマインドマップの使い方・描き方 倉橋 竜哉 先生 - 無料動画学習|schoo(スクー) 1マインドマップの描き方 2実際に描いてみよう 3マインドマップを使ってみよう 4整理と創造について 5アウトプットする習慣づくり テーマは「クリップ」の使い方…

正しいマインドマップの使い方・描き方1

正しいマインドマップの使い方・描き方 倉橋 竜哉 先生 - 無料動画学習|schoo(スクー) 1樹形図(ロジカルシンキング)とのちがい 2ミニマインドマップとフルマインドマップ 3手描きとPCソフトの違い 4なぜイメージを使うのか 5マインドマップの活用…

正しい目標を設定する技術2「原因分析と成果設定」

正しい目標を設定する技術②「原因分析と成果設定」 永谷 研一 先生 - 無料動画学習|schoo(スクー) 10回の授業を通して根性論ではない、目標達成のテクニックが身につく アジェンダ 復習 成果を設定する 問題を洗い出す 宿題 目標と現状の差(問題) ス…

正しい目標を設定する技術1「単なる夢と正しい目標の違い」

正しい目標を設定する技術①「単なる夢と正しい目標の違い」 永谷 研一 先生 - 無料動画学習|schoo(スクー) 講師:永谷 研一先生 P:目標を立てる技術 単なる夢と正しい目標 アジェンダ 正しい目標とは何か? 目標を立てる技術 目標設定技術:4ステップ …

目標を達成するための技術「PDCFAサイクル」を学ぶ

目標を達成するための技術「PDCFAサイクル」を学ぶ 永谷 研一 先生 - 無料動画学習|schoo(スクー) 目標達成しない理由 目標が単なる願い。 行動が続かない。 深く考えていない。 たった一人で黙々とやる。 いつも同じことをやる。 要は、5つの技術を習得…

schooターミナルwebデザイナーIllustrator基本操作入門 -ピクトグラム編

Illustrator基本操作入門 -ピクトグラム編 講師:まきのゆみ先生 Illustratorは、 CG(コンピュータフラフィックス)のイラストをかくのが得意 cc2014で進めていく 足並みをそろえるために環境設定を先生と同じにする 新規のドキュメントを作成する 今回は、…

schooターミナルwebデザイナー4

HTML入門 -アンカーリンクの指定法 講師:田中 晶子先生 HTML入門 -アンカーリンクの指定法- 田中 晶子 先生 アジェンダ ハイパーテキストとは 相対パスと絶対パス 外部リンクとページ内リンク 質疑応答 href属性エイチレフ target属性ターゲット _blank 新…

schooターミナルwebデザイナー3

HTML入門 -属性と要素- アジェンダ 開始タグと終了タグ 属性と要素 グローバル属性・map要素の属性 質疑応答 開始タグと終了タグ <hr>はhtml5からは、シーンの変わり目やセクション内で別の話題に移る箇所に仕様するようになった 線を引きたい場合は、cssのborde</hr>…

schooターミナルwebデザイナー2

HTML入門入れ子で使うタグ 講師:田中昌子先生 アジェンダー メニューをリストタグで作る(15分) 定義リストを作る(10分) 表組みを作る(15分) 質疑応答(20分) メニューをリストタグで作る ほとんどulタグが使われている 色々なナビがリンクさ…

schooターミナルwebデザイナー1

schooターミナルwebデザイナー1 【HTML入門 -文書構造を形作る】 ・HTMLとは? ・エディターの話 Atom Brackets Coda SublimeText の参考リンク↓ 新人Webデザイナー/開発者も知っておきたい:Web制作に使えるエディターAtom、Brackets、Coda、Sublime Text…

schooのターミナル(webデザイナー)に登録

webデザインの求職者支援訓練を受けて 概要や操作方法はわかったものの基礎の部分をもう一度見直したいし就職活動中でも手を動かし続けないと鈍ってしまいそうで スクーの有料会員になって気になる授業を受けてきました スクーで基礎固めと思っていたけどど…

【schoo学習記録】webデザイン3

Webデザイン入門 サイト設計編 自分がフロントエンド開発でできる部分は? インタラクションとはcss3 javascript svg 平面上にありつつ動くもの 1 デザインフォトショ、イラレ、ファイヤーワークス画像加工スキル写真編集スキル web用の設定知識印刷とwebで…

【schoo学習記録】webデザイン2

Webデザイン入門 ワークフロー編1限目2015年4月4日公開講師:田中昌子先生 ホームページの見える部分は氷山の一角・コーディングや画像処理、ロゴ、seoなどなど・開発前の設計、ネットワークのインフラは?ドメインは?更新は誰が。。などなど サイトは、3…

【schoo学習メモ】webデザイン1

Webデザイン入門 3限目工程表とワイヤーフレームhttp://schoo.jp/class/2121先生:田中昌子先生2015年4月11日公開開発に入るまでの下準備 期限を決めたら逆算して組み立てていく コーディングの経験があまりないデザイナーが静的サイトを受注したと…