LogoMark.png

深江沙羅/Memo の変更点


#author("2020-07-29T18:35:54+09:00;2020-07-02T11:27:42+09:00","default:member","member")
#author("2020-07-30T13:58:04+09:00;2020-07-29T18:35:54+09:00","default:member","member")
CENTER:*… 𝙈𝙚𝙢𝙤 … 
&color(#696969){授業の私的な書留め}; 
-------
***smb://nas01.cnc.kyusan-u.ac.jp/
#hr
''&color(#FFA400){webサイト接続};''
FTP接続先:ftp.ip.kyusan-u.ac.jp(5F実習室/133.17.4.74)
使用プリンタ C911dn-01/02 C931-503-01
[[CSSセレクタ>http://design.kyusan-u.ac.jp/OpenSquareJP/index.php?CSS/Selector]] [[フォント>https://www.mojizai.com/]]
-------
CENTER:[[[Write]>#kaku]]
~

後期はUIデザイン

**'20.07.30
後期UI中心に研究
~
**'20.06.25

情報デザイン研究I
style.cssのパーミッションを変更(777)
ワードプレスのcssを変更する場合は最直下に追加CSSをかく
現代思想 2020年3月臨時増刊号 総特集◎フェミニズムの現在 
男らしさの終焉
~
**'20.06.23
情報デザイン研究I
https://www.cpi.ad.jp/column/column04/
~
**'20.05.14
情報デザイン研究I
[[管理画面(.)なし>http://bungei.wp.xdomain.jp/wp-admin/]]
[[管理画面>https://unbasement.wordpress.com/wp-admin/]]
https://unbasement.wordpress.com/wp-admin/edit.php?post_type=page
https://corp.raksul.com
https://www.sendai-lit.jp
https://www.popupsociety.com
https://webst8.com/blog/wordpress-theme-howto-make/
https://www.fujisan.co.jp/cat1300/cat1207/
[[特別給付>https://forms.office.com/Pages/ResponsePage.aspx?id=hdwD334p00iZgiOB_zKt1y-1OCnT76dLhQQrU6jNbppUMFlLVFhEMk9VNDc3QlFVOUpUMEk3UERZRC4u]]
natumonogatari
~
**'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等参考>https://lopan.jp/]]
ふわっと表示
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
[[貂明朝>https://fonts.adobe.com/fonts/ten-mincho]]
~
**'19.11.11
***視覚デザイン
[[舞鶴公園>https://www.midorimachi.jp/maiduru/]]
[[大濠公園>https://www.ohorikouen.jp/]]
[[うつくし明朝体>https://www.flopdesign.com/freefont/utsukushi-mincho-font.html]]
[[あさご本丸ゴシック>https://www.flopdesign.com/marugothic/asago-honmaru-gothic.html]]
~
***情報デザイン演習ⅢB
位置情報コピーし素材レイヤーの3Dをクリックしてペースト
~
**'19.11.07
***情報デザイン演習IIIA
[[文芸部サイト構想>https://docs.google.com/document/d/1aRrMbtZb9v_cLoGFzgvWQanxD3x5Ti8OGx86xmP-3jI/edit?usp=sharing]]
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
掲載する情報
-メンバー(総部員数・男女別人数)
-部活紹介(活動内容・活動日・活動場所)
-SNS掲載(Twitter)
-部員の作品紹介
~
参考にしたいサイト
https://remede-douce.com/course/
~
相談要
-作品公開の可否
-過去活動の写真があるか
-活動内容をこちら側で書いて良いのかどうか
~
構想
-何らかのイラストを作成する?
-トップページだけHTMLみたいに作る?
-HTMLを書く方とJavascriptを加える方に分ける?
~
**'19.10.10
***情報デザイン演習IIIA
必ず作業前にバックアップを取っておく
キャッシュまで更新する→「Shift」を押しながら更新
~
**'19.10.3
***情報デザイン演習IIIA
#image(kakikae.png) 
.textの書き込み権限を変更する
~
**'19.09.30
***視覚デザイン実習
罫線 
図形をそれぞれ主役にする
授業が始める前に提出vimeo (.mp4)
音楽追加して可
アートボードに整列→チェックを入れる
コンポ読み込み
~
**'19.09.26
***情報デザイン演習IIIA
#image(mamp1.png) 
#image(mamp2.png) 
http://localhost:8888/18asxxx/
echo (エコーバック)→ 抽出して吐き出す
. (ドット)→ 文字列をつなぐ
三角形を正しく回転させる方法
コマンドCコマンドFで逆さまの三角形を描きグループ化して中心に置く

**'19.09.23
***情報デザイン演習ⅢB
-レイヤーで別々に読み込みたい場合
「読み込みの種類」フッテージ→コンポジションに変更
-親子付け
「親とリンク」の糸マークを親レイヤーにつなげる→親レイヤーと同じ動きをさせることができる。
~
**'19.09.19
***情報デザイン演習ⅢB
-データの通信速度
右クリック→要素を調査→ネットワーク→(再読み込み)→
-画像リサイズ効率化
Photoshopウィンドウ→アクション→新規アクション作成(作成を押すと録画開始される)→行いたい作業をする→録画停止
これによって複数の画像の作業を短略化できる
~
**'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
//【ドメイン名】     : basement.starfree.jp
//【サイトのURL】     : http://basement.starfree.jp/

□FTPソフト設定情報
//【FTPユーザ名】     : basement.starfree.jp
//【FTPホスト名】     : basement.starfree.jp
//【FTPパスワード】    : q7wwaisx
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
''自分のデザインが良いかどうか''
・・縮小してみてごちゃごちゃしてたらうまくいってない
-良いグラフィックデザインを作るには([[グラフィックデザイン>http://design.kyusan-u.ac.jp/OpenSquareJP/index.php?GraphicDesign]])
誰が為のグラフィックかを分析する
プロとアマチュアの違い・・読者視点で考える
情報を徹底して洗い出す(☓部品から ○全体)
5W1Hを確認する
良いと思ったデザインに対し、なぜきれいに見えるのかを分析する
''プロのデザイン''
主体がはっきりわかる(メリハリがはっきりしている)・明暗の波が大きい・ヘッダーとフッターが分かれている・明度色彩が揃っている
~
**'19.06.19
***Webデザイン実習
[[Jqueryコード集>https://javascript.programmer-reference.com/category/jquery/]]
**'19.06.17
***情報デザイン演習IIA
''メモ''
[[サイト制作に於いて>http://design.kyusan-u.ac.jp/OpenSquareJP/index.php?WebDesign]]
サイトイメージ参考https://book.asahi.com/
~
**'19.06.10
***情報デザイン演習IIA
https://www.art-it.asia/top
参考https://takahshi.net/art/design/web-magazine
[[ワイヤーフレーム参考>https://www.art-it.asia/]]
キーワード
''Jquery-Slider''・・画像をフェード表示設定できるもの
''Parallax'' ・・スクロールに従って画像も動く
~
**'19.06.05
***視聴覚情報論
知覚をはぐらかしてくるもの=現代アート
シンクロニシティ=集合的無意識とも関連あり
ユリゲラーの社会現象・「こっくりさん」……etc
本を選ぶことも無意識下にある
正しく知覚することは不可能。
~
**'19.06.03
***情報デザイン演習IIA
ワイヤーフレーム作成したら見せる
ロゴを決める
横書きは左開き
~
芸術表現?
//https://liginc.co.jp/446301
[[Contemporary Art Daily>http://www.contemporaryartdaily.com/]]
[[manystuff.org>http://www.manystuff.org/]]
[[ワークフロー>http://design.kyusan-u.ac.jp/OpenSquareJP/index.php?WebDesign/Workflow]]
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>https://ifworlddesignguide.com/design-excellence]]
[[YANKO DESIGN>https://www.yankodesign.com/]]
~
**'19.05.23
***情報デザイン演習IIB
コンポジション設定➡︎「adobe media encoderに追加」
コンポジションの設定と書き出しサイズを確認する(異なっていると引き延ばされる)
背景に色を使いたい場合
レイヤー➡︎新規➡︎平面
~
**'19.05.22
***Webデザイン実習
  *//*…非表示
''レスポンシブ''
@mediaの中に、変更したい項目を追加する(メニューを変更したければ)
 nav {
    変更したい項目:◯◯;
  }
といった形で、変更したい項目のみ入力する
***映像演習
1動かさない
2広角(ワイド)
3日の丸構図にならない
4マニュアルで撮影
5三脚
6ノーパラ・ノーズーム
~
**'19.05.15
***Webデザイン実習
-a(リンクの色)は統一する
-position:sticky;
スクロールしてもナビがついてくる
[[参考>https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html]]
&color(#8fbc8f,){''CSS''};
''color'' 	文字色を指定する
''background'' 	背景の指定をする
''background-color'' 	背景の色を指定する
''font-family'' 	フォントの種類を指定する
''font-weight'' 	フォントの太さを指定する
''line-height'' 	行の高さを指定する
''text-align'' 	行の揃え位置を指定する
''width'' 	幅を指定する
''height'' 	高さを指定する
''margin'' 	マージンの指定をする
''padding'' 	パディングの指定をする
''border'' 	ボーダーの色や太さを指定する
''position'' 	要素の配置方法を指定する
''display'' 	要素の表示形式を指定する
''float'' 	左か右に寄せて配置する
''z-index'' 	要素の重なりの順序を指定する


**'19.05.13
***情報デザイン演習IIA
□ドメイン情報
//【ドメイン名】     : basement.starfree.jp
//【サイトのURL】     : http://basement.starfree.jp/

□FTPソフト設定情報
//【FTPユーザ名】     : basement.starfree.jp
//【FTPホスト名】     : basement.starfree.jp
//【FTPパスワード】    : q7wwaisx
''めも''
https://www.esz.co.jp/blog/54.html
https://bijutsutecho.com/
https://www.japandesign.ne.jp/

**'19.05.10
***情報デザイン演習IIB
''After Effect''
図形移動➡︎マスクした図形をダブルクリック
-レイヤーの複製
・Ctrl + D
-整列
「レイヤーを整列」コンポジションに変更
~
**'19.04.17
***Webデザイン実習
''Padding'' 内側の余白
''margin'' 外側の余白

**'19.04.22
***情報デザイン演習IIA
-スプレッドシートのデータをイラレに転記する方法
ウィンドウ→書式→タブで列の調節ができる

**'19.04.26
***情報デザイン演習IIB
''After Effect''
レイヤーを分けてaiファイルを読み込みたい場合は、フッテージ➡︎コンポジションに変更する
-キーフレームの移動を曲線(初期設定)➡︎直線にする方法
キーフレームを選択→右クリック→キーフレーム補間法
-グラフエディター・・グラフでコントロールが可能
イージーイーズ・・ベジエ曲線で操作可能
-次元に分割・・X軸とY軸をそれぞれグラフでコントロールする

**'19.04.22
***情報デザイン演習IIA
-実現するのかどうか?は初動の段階で確認しておく
~
**'19.04.19
***情報デザイン演習ⅡB
''After Effect''
-ファイルの読み込み・・ファイルの空欄をダブルクリック
-コンポジション設定(よく使う)・・command+K
-最下段スイッチ/モードをクリックし、スイッチモードに
レイヤー名の右から二番目・連続ラスタライズモードは処理が重くなるので極力しない
-フォルダの名前は変えない
-3Dレイヤー
平面的であったオブジェクトに奥行き情報が追加される(オブジェクトへの厚み追加はなし)
-書き出し・・コンポジションメニュー →レンダーキューに追加
'''形式:QuickTime'''
'''形式オプション(コーデック):H.264(Apple Prores422)'''
-ショートカット
再生範囲([b]/再生範囲開始点、[N]/終了地点)
[home]キーで0秒地点、[end]キーで最終時間地点
[a]/アンカーポイント・[p]/位置・[s]/スケール・[r]/回転[t]/不透明度
[u]/アニメーションがついているものだけ表示できる
~
**'19.04.17
***Webデザイン実習
画像が置ければいいというものではなく、どれだけ軽いかが重要
キャッシュを消し、ネットワークでデータの重量確認可能
~
***視聴覚情報論
反復によるゲシュタルト
メッセージ性→反復によって発生する
~
Finder表示タブバーステータスバー
拡張子表示設定

**'19.04.15
***情報デザイン演習IIA
芸術学部棟にコンペや展覧会などのポスターがたくさん貼ってあるが、見逃してしまう。情報過多の状態にあり何が重要なのかわからない。
他学科がたまに展示をやっているが、情報が伝わってこない。
~
**'19.04.12
***情報デザイン演習ⅡB
''After Effect''
-コンポジション…映像の入れ物
-よく使うプリセット…HDTV 1080(高さ)29.97(フレームレート/1秒間におよそ30枚)
-0(テンキー)でアニメーション再生
-書き出し…コンポジションタブからレンダーキューに追加
***CG
適正解像度
75dpi(モニター)
200dpi(簡易印刷)
350dpi(書籍や雑誌等オフセット印刷)

~
**'19.04.10
***Webデザイン実習
''Atomを日本語化する方法''
 Preference⇨Package⇨「Japanese」検索
-「<body>」や「<head>」は一個ずつ
タグを何も付けずに文章を書くと、制御できなくなるので絶対しない
-Preference⇨エディタ⇨不可視文字表示(スペースが表示され作業しやすくなる)
-ファイル名は大文字でもよいが、使われるアルファベットはだいたい小文字
***視聴覚情報論
自分の目に見えるものを疑う
普通は比較しないものを比較する
言葉の使い方が違うと世界が変わる(欧米人と日本人の「鼻」という概念についての認識の違い)
~
**'19.01.08
***ソーシャルデザイン実践演習
[[めも>https://goo.gl/images/2BUqZf]]
ファイルをドラッグする(自動上書き)
めも・リバースする&assideに追加&exampleを消す
~
**'18.12.11
***情報デザイン演習
右クリック⇨要素を調査

ガイドを作成
オブジェクト⇨ロック選択
(レイヤー全体ロックせずにロックすることが可能)
~
**'18.12.04
***情報デザイン演習
自分の作品の特徴を見つける
~
**'18.11.27
***情報デザイン演習
&color(#8fbc8f,){アイデア出しのコツ};
てにをはを組み替える⇨誰もやってないこと
-音に映像
もともとある音楽にあうよう動画を撮影する

-音と映像
映像に見合う音を付随させる

-フォトムービー

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

***ソーシャルデザイン実践演習
-多重露光
人物の境界と背景の境界が混ざり合うような表現方法
ex/輪郭が入り組んでいる
日陰か逆光で撮影
課題:A4サイズ

**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時からソフト説明
映像で遊ぶ(音なし)
一切編集なし(タイトル・エンドタイトルは授業中につける)
来週までのタスク:
-編集練習用の動画(なんでも可)をGoogleDriveにあげる(来週課題説明⇨再来週までに提出)
-youtubeアカウントを準備しておく
~
**18.10.23
***情報デザイン演習
音声ファイル/30秒から3分間

**'18.10.09
***ソーシャルデザイン実践演習
Fads2にアクセス
学籍番号とパスワード
//Fad2017!
学籍番号でログインしている場合は必要なし
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
ウィンドウ→ワークスペース→初期設定リセットで最適化
~
&aname(kaku);