図の描き方 のバックアップ(No.4)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 図の描き方 へ行く。
  • 1 (2014-04-01 (火) 05:26:51)
  • 2 (2014-04-01 (火) 05:31:28)
  • 3 (2014-05-18 (日) 16:15:40)
  • 4 (2014-05-19 (月) 14:21:47)
  • 5 (2014-08-01 (金) 12:27:59)
  • 6 (2016-02-10 (水) 09:42:39)
  • 7 (2017-01-16 (月) 11:14:39)
  • 8 (2017-12-04 (月) 15:39:16)

Matlab

commands †

mogrify †

概要 †

• convertの一括バージョンと思えば良い．convertとmogrifyはほとんどオプションが同じだが決定的に違うところはconvert はoutputファイルの拡張子で判断し、mogrifyは-fotmatオプションでファイルタイプをしていするところです。
• 上書きするので，バックアップをして，inputとは必ず違うformatを指定すること．

例 †

• ファイルフォーマットの変更．
• 下はepsの簡単な作る方法．

mogrify -format jpg hoge.eps
mogrify -format png hoge.eps

• 縮小 参考1 参考2

mogrify -format jpg -resize 1000x -unsharp 2x1.4+0.5+0 -colors 65 -quality 100 -verbose a.png
mogrify -format png -geometry 640x480! *.jpg

• 黒背景削除

mogrify -format bmp -transparent black -background white -flatten *.png

• 30, 40原点に10*20の画像を切り出し

mogrify -format jpg -crop 10x20+30+40 *.bmp

Inkscape †

• モザイク処理
  • 参考

論文に掲載するとき †

全般 †

• 参考

フォント †

rdesktop †

#内部
rdesktop -g 1280x1000 -d ISISMB -u username -k en-us
#外部
rdesktop localhost:13389 -g 1280x1000 -d ISISMB -u username -k en-us

illustrator †

ショートカット †

• http://www.dtp-transit.jp/adobe/illustrator/post_613.html
• 文字はダブルクリック
• http://help.adobe.com/ja_JP/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6426a.html#WS714a382cdf7d304e7e07d0100196cbc5f-6425a
• v:選択ツール→Ctrl-clickで部分選択
• t:文字ツール
• Ctrl-Space: 拡大，Ctrl-Space-Alt: 縮小
  • 小指をCtrl, 親指をSpace，人差し指背側でAlt
• ctrl, shiftコロコロで移動
• Shift-F7: 整列
• Ctrl-F10: 線．破線，一点鎖線などは破線にチェック．
• 選択->共通->カラーで共通カラーのものが選ばれる．

カドの丸い四角 †

• 四角ツール→効果→スタイライズ→角を丸くする→数値指定
  • そうでないと，拡大縮小した時に変なことになる．

gimp †

• 切り抜き: ツールボックスのカッターマークをクリック，ドラッグ，enter
• 画像サイズ変更: 右クリック→画像→画像の縮小拡うまく大
• eps保存: ファイル→エクスポート→xxxxx.epsに名前を変更→保存

フラットデザイン †

• 参考
• 質感や立体感のない平面的なデザインのこと．
• Skeuomorphismと対義
• スキュアモーフィズムとの対比
  • 本質的ではない装飾的部分をそぎ落とすことができる．
  • 装飾が文字で置き換えられる
  • 英語と相性がいい（日本語は文字そのものが複雑で合っていない）
• 実際的な特長
  • 1カラム＋グリッド（色を変えてコンテンツの違いを表現）が多い
  • 写真やグラデーションが映える
  • フラットな状態から情報を足して，ユーザの満足するものにあわせていく，というスタイル
  • リアリズムをスキュアモーフィズム以外で埋める→文章が多くなる
• WebPageのフラットデザイン,
• 特徴
  1. vividな色を利用する
  2. アイコンを使わない
  3. グラデーションは使わない
  4. 影を付けない
  5. 背景画像を使う
  6. 文字の大きさや濃さで階層構造を表現する
• 色
  • やわらかいもの
  • きついもの
• 学会ポスター
  • 

伝わるデザイン †

• 具体的なデザインが大量にある．
  • http://tsutawarudesign.web.fc2.com/sakurei.html

レイアウト †

• 参考
• 全部を「揃える」
  • センタリングは1文1画像の時に，しかも限定的に効果的，難しい．
• センタリングではなく「左揃え」
• 情報を「まとめる」
  • 論文はfig.2とかで参照させるが，ポスターは文字と画像の距離などで結びつきを表現
  • 他の情報に比べて，相対的に近く
  • 囲わなくて済むなら，囲わない．
  • 「色でグループ化」することもできる．
• スペースをうまく使う
  • 情報の階層構造をスペースの量で表現
  • 全体的にきつきつにならないように，枠ぎりぎりには配置しない．
  • 枠と文字は別に作る．テキストボックスに色をつけるのはNG
• 強調の方法
  • 色をつける（かなり目立つ）
  • 太い文字をうまく使う．
  • 大きい文字をうまく使う．
  • 書体変更
  • 下線，I字見出し，L字見出し
  • 斜体（英字のみ）
  • (3つ以上の併用はごちゃごちゃする)
  • 明朝体の文章での強調箇所にはゴシック体（文章内の重要な単語限定）
• 強調で十分構造がわかるなら，段を作る必要はない．
• （パソコンより自分の目で合わせる方が良いこともある）
• タイトルの真上，真横に内容を書かない
  • 真横は良くね？

色彩と配色 †

• コントラストをきちんと確保する．
• 明度が同じ色を背景と文字などに使わない．（使うとハレーション現象というチカチカを引き起こす）
• 色を必要以上に使わない

文字の枠の付け方 †

• 同じ文字を2つにコピー．
• 一つを加工して枠をつける．それにもうひとつを載せて，合わせる．

グラフは凡例をなくしてより直感的に †

• 凡例書くなら，色をあわせてグラフの隣に併記したほうが良かったりする．
• 円グラフも．
• 論理的に複雑な情報は図解して，矢印，ベン図などでわかりやすく．

文字と文章 †

• 数字は大きく，単位は小さく
  • 数字は色をつけてもいいかもしれない．
• 和文にはなるべく全角の記号を使う
• （　）の代わりに「｜」（縦棒）を使う
  • カッコは格好悪い．
• コロンなどの記号もなくせるときはなくす
  • コロンの簡潔な方を見出しにしてしまうなど．

図の綺麗に仕方 †

• 具体的な編集方法も書いてある．http://tsutawarudesign.web.fc2.com/kakkoyoku2.html
• 色は対比するが，赤と青，薄い青と濃い青，などの対比があり得る．
• 列数が多い表では，一列ごとに背景の色を変えるなどの工夫もあり得る．
• 引き出し線は細く規則正しく．

図形と挿絵 †

• 塗りと線の両方に色を付けない．http://tsutawarudesign.web.fc2.com/kakkoyoku3.html
• 異なる種類の図形の併用をなるべく避ける
  • 思ったよりも，かなり統一感が失われる．
• 楕円を使わない．
  • 中に書いてあるものによって印象が大きく異なる
  • ちゃんと文字をかこうことができない
  • 四角で代用すべき
• 四角のカドのrは統一
  • 楕円に近いと汚くなるので，そんなにrがタテヨコに比べて大きくなりすぎないように
• 矢印の先や，吹き出しの尖ったところの大きさも揃える
• 矢印は元のオブジェクトの背景色と同一に．
  • あまり目立ちすぎないように．
• あまり丸みと枠をつけすぎない！
• スライド間で統一感のあるデザインにする

配色 †

• 使う色は4色まで．テーマ色を事前に決める．
  • 背景白，文字黒，メイン緑，強調赤
  • 背景黒，文字白，メイン黄，強調橙
• 3色で作るとフラットになってシンプルで見やすいものになる．強調を太文字などで行う．
• 彩度下げる．
  • 目に優しく．
• 黒は真っ黒より少し灰色目の方が綺麗．

その他 †

• アイキャッチャー
  • 大きめなタイトル，目立ちめなロゴなど．
• 図の配置がしっくりこない時
  • 境界が曖昧な画像に灰色背景などの四角で囲う．
• 色の使い方
  • 色を使うか，色合いに意味がなければ，灰色を使う．
  • 具体例
    • 枠なし＋単色＋白色文字
    • 灰色枠＋白背景＋灰色文字
    • 枠なし＋灰色背景＋白文字