LogoMark.png

深江沙羅/Memo

… 𝙈𝙚𝙢𝙤 … 

授業の私的な書留め


smb://nas01.cnc.kyusan-u.ac.jp/


webサイト接続
FTP接続先:ftp.ip.kyusan-u.ac.jp(5F実習室/133.17.4.74)
使用プリンタ C911dn-01/02 C931-503-01
CSSセレクタ フォント


[Write]

'20.05.14

情報デザイン研究I
管理画面
https://unbasement.wordpress.com/wp-admin/edit.php?post_type=page
https://corp.raksul.com
https://www.popupsociety.com
https://webst8.com/blog/wordpress-theme-howto-make/
https://www.fujisan.co.jp/cat1300/cat1207/

'20.05.05

情報デザイン研究I
https://www.jstage.jst.go.jp/article/tits1996/3/4/3_4_27/_pdf
http://unbasement/wp-admin

'20.04.28

情報デザイン研究I
好きなサイト列挙
https://agreen.tokyo
https://www.letters-inc.jp
https://book.asahi.com
https://droas.jp

'20.01.08

情報デザイン演習ⅢA

https://125naroom.com/web/2958

'19.12.29

https://www.tamaki-home.co.jp/

'19.12.23

情報デザイン演習ⅢB

光を投影できそうなもの(多角形は投影しやすい)を持ってくる
額縁とか


'19.12.02

情報デザイン演習ⅢB

ビュー⇨ビューアーを複製
拡大率 100%
画質 フル画質
大きさ 全体表示

'19.11.29

情報デザイン演習ⅢA

class .. 単数以上
id .. 単体のみ
固有のものであればidをつかう。

'19.11.29

情報デザイン演習ⅢA

http://kyusan-u.ac.jp/~k18as013/bungei/

'19.11.21

情報デザイン演習ⅢA

https://nishinokensetsukogyo.co.jp/
https://newstories.jp/
http://tribalmedia.co.jp/

'19.11.11

情報デザイン演習IIIA

1パターンだけ見せるのではなく、クライアント側にその場で様々なパターンを提示するほうがよい。
css等参考
ふわっと表示
http://tech-dig.jp/js-fuwatto-animation/
オープニングアニメーション
https://webnooboegaki.com/htmlandcss/opening-animation
FLOAT
http://waitanimate.wstone.io/#!/
ホバー
http://ianlunn.github.io/Hover/
テキストリンク
https://commte.net/5082
貂明朝

'19.11.11

視覚デザイン

舞鶴公園
大濠公園
うつくし明朝体
あさご本丸ゴシック

情報デザイン演習ⅢB

位置情報コピーし素材レイヤーの3Dをクリックしてペースト

'19.11.07

情報デザイン演習IIIA

文芸部サイト構想
Quicksand
https://fonts.google.com/specimen/Quicksand
Lora
https://fonts.google.com/specimen/Lora

話し言葉……相互に文脈が共有されている状況下で発される言葉。
書き言葉……無知識状態の相手に伝えるのが前提。Webの文章。相手の立場に立って書く。

'19.10.31

情報デザイン演習IIIA

http://animista.net/play/text/tracking-in/tracking-in-contract
https://umi.design/
http://www.itoen.co.jp/oiocha/#
なみなみ
https://www.webcreatorbox.com/tech/javascript-particles
はんなり明朝
https://googlefonts.github.io/japanese/#hannari

'19.10.24

情報デザイン演習IIIA

https://theparfaitstand.com/
https://pogg-sweetpotatopie.com/
https://bookma.torch.blue/
https://remede-douce.com/
https://infcurion.digital/
https://webdesign-trends.net/
他の文芸部
https://kyudai-bungeiclub.wixsite.com/kyudai-bungei
http://ybun.hotcom-web.com/wordpress/
http://wsbn.web.fc2.com/activitylog.html

'19.10.17

情報デザイン演習IIIA

掲載する情報

'19.10.10

情報デザイン演習IIIA

必ず作業前にバックアップを取っておく
キャッシュまで更新する→「Shift」を押しながら更新

'19.10.3

情報デザイン演習IIIA

kakikae.png

.textの書き込み権限を変更する

'19.09.30

視覚デザイン実習

罫線 
図形をそれぞれ主役にする
授業が始める前に提出vimeo (.mp4)
音楽追加して可
アートボードに整列→チェックを入れる
コンポ読み込み

'19.09.26

情報デザイン演習IIIA

mamp1.png
mamp2.png

http://localhost:8888/18asxxx/
echo (エコーバック)→ 抽出して吐き出す
. (ドット)→ 文字列をつなぐ
三角形を正しく回転させる方法
コマンドCコマンドFで逆さまの三角形を描きグループ化して中心に置く

'19.09.23

情報デザイン演習ⅢB

'19.09.19

情報デザイン演習ⅢB

'19.09.16

視覚デザイン実習

スケール グラフエディター
ソロスイッチ→選択した素材だけ表示される
 位置→次元に分割→xとyで分割して操作できる

'19.07.17

Webデザイン実習

http://basement.starfree.jp/PortfolioSite/
単位:vw(比率で大きさが変わる)
min-width (指定px以上小さくならないようにする)

'19.07.03

Webデザイン実習

https://studio-tao.net/
? シャープ

視聴覚情報論

書く道具(スマホ、原稿用紙、メモ帳……)によって表現は確実に変わる

'19.06.24

情報デザイン演習IIA

□FTPソフト設定情報
A4にまとめて展示する

'19.06.27

情報デザイン演習IIB

全ての動画ファイルに共通のエフェクトをつけたい場合
コンポジションレイヤーをコンポマークに追加

'19.06.26

Webデザイン実習

https://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html
コピペするときはauto:◯◯などの詳細事項だけ
各Jqueryを複数組み合わせず単体でサンプルを製作する
(例)asideの画像だけサイズ指定したい場合・・
1.aside imgなどとして特定して記述する
2.idをつける

'19.06.25

QUESTB

デザイン案A・・落ち着いたデザインで厳かな雰囲気が感じられる案だった
デザイン案B・・あえて白い部分があって可愛らしさもあるデザインだった。
下の部分に薄く色が乗ってもいいのでは?(余白懸念)
改善点
協会の内部を連想する箇所
アーチ・・天井の部分のこと
・窓のところにもデザインを描いて欲しい(描ける範囲は窓枠三分の一)
可読性も意識する(すぐに太刀洗のバスだとわかるように)
レンガ感・・そんなになくても大丈夫。車輪周辺の積み方リアルにしてもらいたい
石段積みとレンガ積みで分かれているところも意識してほしい(石段との切り替え、アーチの形)
クライアントの要求をすべて吸収すること

'19.06.24

情報デザイン演習IIA

自分のデザインが良いかどうか
・・縮小してみてごちゃごちゃしてたらうまくいってない

'19.06.19

Webデザイン実習

Jqueryコード集

'19.06.17

情報デザイン演習IIA

メモ
サイト制作に於いて
サイトイメージ参考https://book.asahi.com/

'19.06.10

情報デザイン演習IIA

https://www.art-it.asia/top
参考https://takahshi.net/art/design/web-magazine
ワイヤーフレーム参考
キーワード
Jquery-Slider・・画像をフェード表示設定できるもの
Parallax ・・スクロールに従って画像も動く

'19.06.05

視聴覚情報論

知覚をはぐらかしてくるもの=現代アート
シンクロニシティ=集合的無意識とも関連あり
ユリゲラーの社会現象・「こっくりさん」……etc
本を選ぶことも無意識下にある
正しく知覚することは不可能。

'19.06.03

情報デザイン演習IIA

ワイヤーフレーム作成したら見せる
ロゴを決める
横書きは左開き


芸術表現?
Contemporary Art Daily
manystuff.org
ワークフロー
https://www.kyusan-u.ac.jp/faculty/geijutsu/

'19.05.31

情報デザイン演習IIB

レイヤー➡︎新規➡︎平面
平面レイヤーを不可視化した状態(レイヤー選択状態)でペンツールを用いマスクを書く➡︎そのあとに可視化する
マスクパスにキーフレームを打つ
マスクを動かす時位置を動かさないよう注意する
エフェクト➡︎ブラー&シャープ➡︎ガウス
スタイライズ➡︎グロー
A&Bカラー・・自分が設定した2色で発光できる

'19.05.29

Webデザイン実習

function changeBGColor( colName ){
document.body.style.backgroundColor = colName;
}
太文字の関係大事

'19.05.27

情報デザイン演習IIA

プロダクト?
iF WORLD DESIGN
YANKO DESIGN

'19.05.23

情報デザイン演習IIB

コンポジション設定➡︎「adobe media encoderに追加」
コンポジションの設定と書き出しサイズを確認する(異なっていると引き延ばされる)
背景に色を使いたい場合
レイヤー➡︎新規➡︎平面

'19.05.22

Webデザイン実習

 *//*…非表示

レスポンシブ
@mediaの中に、変更したい項目を追加する(メニューを変更したければ)

nav {
   変更したい項目:◯◯;
 }

といった形で、変更したい項目のみ入力する

映像演習

1動かさない
2広角(ワイド)
3日の丸構図にならない
4マニュアルで撮影
5三脚
6ノーパラ・ノーズーム

'19.05.15

Webデザイン実習

'19.05.13

情報デザイン演習IIA

□ドメイン情報

□FTPソフト設定情報
めも
https://www.esz.co.jp/blog/54.html
https://bijutsutecho.com/
https://www.japandesign.ne.jp/

'19.05.10

情報デザイン演習IIB

After Effect
図形移動➡︎マスクした図形をダブルクリック

'19.04.17

Webデザイン実習

Padding 内側の余白
margin 外側の余白

'19.04.22

情報デザイン演習IIA

'19.04.26

情報デザイン演習IIB

After Effect
レイヤーを分けてaiファイルを読み込みたい場合は、フッテージ➡︎コンポジションに変更する

'19.04.22

情報デザイン演習IIA

'19.04.19

情報デザイン演習ⅡB

After Effect

'19.04.17

Webデザイン実習

画像が置ければいいというものではなく、どれだけ軽いかが重要
キャッシュを消し、ネットワークでデータの重量確認可能

視聴覚情報論

反復によるゲシュタルト
メッセージ性→反復によって発生する


Finder表示タブバーステータスバー
拡張子表示設定

'19.04.15

情報デザイン演習IIA

芸術学部棟にコンペや展覧会などのポスターがたくさん貼ってあるが、見逃してしまう。情報過多の状態にあり何が重要なのかわからない。
他学科がたまに展示をやっているが、情報が伝わってこない。

'19.04.12

情報デザイン演習ⅡB

After Effect

CG

適正解像度
75dpi(モニター)
200dpi(簡易印刷)
350dpi(書籍や雑誌等オフセット印刷)


'19.04.10

Webデザイン実習

Atomを日本語化する方法

Preference⇨Package⇨「Japanese」検索

視聴覚情報論

自分の目に見えるものを疑う
普通は比較しないものを比較する
言葉の使い方が違うと世界が変わる(欧米人と日本人の「鼻」という概念についての認識の違い)

'19.01.08

ソーシャルデザイン実践演習

めも
ファイルをドラッグする(自動上書き)
めも・リバースする&assideに追加&exampleを消す

'18.12.11

情報デザイン演習

右クリック⇨要素を調査

ガイドを作成
オブジェクト⇨ロック選択
(レイヤー全体ロックせずにロックすることが可能)

'18.12.04

情報デザイン演習

自分の作品の特徴を見つける

'18.11.27

情報デザイン演習

アイデア出しのコツ
てにをはを組み替える⇨誰もやってないこと

https://www.youtube.com/watch?v=ss0fcRnHk9g&list=PL-1rmRNoqp8rHDgvarfapyPJYaS0YJkoI&t=0s&index=2
レトロ×8ビットの音楽

ソーシャルデザイン実践演習

18.11.20

情報デザイン演習

Adobe Premire
書き出し⇨メディアh264
出力先を確認

半透明の動画をかける
エフェクトコントロール⇨不透明度
クロップ スタビライザー

ソーシャル実践演習

Photoshop
乗算……明度が明るい色を透明にする
スクリーン……明度が暗い色を透明にする

イメージ⇨色調補正⇨色の置き換え
許容量を上げると近い色が置き換えられる
階調の反転⇨白⇄黒

レイヤー下のアイコンを使用
選択範囲⇨選択範囲の反転
レイヤーマスクはあとで調整可能
マスクの取り消し、削除

Task

自分の写真撮影
写真をGoogle driveに入れておく

18.11.13

情報デザイン演習

素材そのもの(今回はカメラ)を使ってうまく生かした時、良い作品ができる。

18.11.06

情報デザイン演習

HD1080
1920/1080
フレームレートは30くらいでOK
横で撮影

右クリック⇨速度・デュレーション(長さ)⇨逆再生
右クリック⇨リンク解除


Idea
ヤンシュヴァンクマイエル

18.10.30

情報デザイン演習

9時からソフト説明
映像で遊ぶ(音なし)
一切編集なし(タイトル・エンドタイトルは授業中につける)
来週までのタスク:

18.10.23

情報デザイン演習

音声ファイル/30秒から3分間

'18.10.09

ソーシャルデザイン実践演習

Fads2にアクセス
学籍番号とパスワード
学籍番号でログインしている場合は必要なし
C911dn-01/02
A3まで印刷可能なレーザープリンター
通常使用

PX-H6000
通常使用不可

'18.09.25

ソーシャルデザイン実践演習

あらゆるソフトで共通

command +「N」 新規作成
command +「O] 開く
command +「S」 保存
command + shift +「S」 別名保存
command +「W」   閉じる
command +「Q」   終了
command +「A」 全選択
command +「X」 カット
command +「C」 コピー
command +「V」 ペースト
command +「Z」   戻る
command +shift +「Z」 やり直し

Illustrator

[Z] ズーム(虫眼鏡)
[V] 選択ツール
[A] ダイレクト選択ツール
[SPACE] 手のひら(移動)
command +「0」 全体表示
command +「D」 処理の繰り返し
command +「G」 グループ化
command +shift+「G」 グループ解除
command +「F」 前面にペースト

command +「B」 背面にペースト
command +「E」 前回使用した効果の適用
command +shift +「E」 前回使用した効果を実行
command +「J」 パスの結合
command +option +「J」 パスの平均化
command +「K」 環境設定
command + shift +「o」 文字のアウトライン
command +「Y」 モード切り替え
command +「0」 全体表示
command +「1」 100% 表示
command +「2」 ロック
command +option +「2」 ロックの解除
command +「3」 オブジェクトを隠す
command +option +「3」 オブジェクトを表示
command +「5」 オブジェクトのガイドライン化
command +「6」 前回選択の適用
command +「7」 マスク
command +option +「7」 マスクを解除
command +「8」 複合パス
command +option+「8」 複合パス解除
command +「9」 ガイドラインを隠す
command +option +「9」 ガイドラインの編集モード切替
command +「+」or「=」 表示倍率拡大
command +「-」 表示倍率縮小
command + shift +「[」 オブジェクトを背面へ移動
command + shift +「]」 オブジェクトを前面へ移動

Photoshop
ウィンドウ→ワークスペース→初期設定リセットで最適化


PAGES

GUIDE

添付ファイル: filekakikomi.png 16件 [詳細] filemitume.jpg 19件 [詳細] filekakikae.png 38件 [詳細] filemamp1.png 38件 [詳細] filemamp2.png 34件 [詳細]
Last-modified: 2020-05-28 (木) 11:32:12