日々徒然｜ネコ日和

[PR]

2025年04月04日

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

月に一回しか書いていない状態の「『デザイン』って何よ？」三回目。

今回は缶バッチ編。
実は同人活動の復活気味・余波で缶バッチを作成しました。
同人誌などのノベルティや同人関連の販売物ではない。
便せん作成時に缶バッチを自分用に数個だけ作ったら、身内に人気だったんです。

身内の販売スペースに並んでます（笑）

自分用に作ったのが31mmの小さい缶バッチだったため、
同じぐらいの缶バッチを販売物として作成しました。
その時に悩んだので「『デザイン』って何よ？」として書きます。

缶バッチは円形、直径は31mm程度。
今までイラスト（落書き）は幾つも描きましたが、このサイズは初めてです。
というか、印刷所にお願いして販売物を作ってもらうのが、その時初めて。

幾つか缶バッチのサイズに収まるように描いて、試作してみましたが絵柄がイマイチ。
没ネタも含めて沢山描いたので（自分の中では沢山描きました）、その中で考えたこと。
・小さいと何を描いてるか分からない
・あんまり複雑な絵柄は分かりにくい
・缶バッチは丸い
・コロコロ可愛い感は線の太さで変わる
・色もRGB系のパッキリした方が分かりやすい
・背景色は白くない方がいい（というか白の割合は少ない方がいい）

RGBカラーは印刷所によって対応している、していない会社があります。
というか印刷所によって印刷の具合が違います（プリンターによってカラーが違うのと同じ感じです）。

上記の大前提で「可愛い」っていうのが必要なのですが、「『可愛い』って何よ？」という話もありますが、これは別問題なのでやめときます。

人にも見てもらって、色違いなども含めて沢山作りました。
一つずつ小分けに袋詰めしたんですが、中々な量にww
カゴ盛りされてるお菓子の状態ww
小さいし、丸いし、沢山あるのでニヤニヤしておりました。

作った後だから書けるのですが、
「『可愛い』って何よ？」が一番の問題でした。
これは31mmなので絵柄だけなのですが、これより大きいサイズだと（缶バッチの別サイズ
）文字の配置などもあるので大変そうです。
四角い缶バッチもあるので、缶バッチのデザイン沼も深そうです。

[0回]

「デザイン」って何よ？　個人サイト編

以前に書いたweb編と同じようなものだけれども、
自分のPC版ホームページを改装したいから
自分の頭の中をアウトプットしてみたい。

前提

個人（相方と運営する本館のPC版）サイト
イラスト、漫画、小説を置いている
更新頻度は低いものの小説は更新中
ブログ（ここ）、ツイッターなど外部もある

目標

使用しているframework（BootStrap 3）が古いので新しい物を使用
小説の長文を掲載することを目的に作成したPC版だったが、時代的にはスマホ・タブレットに対応が必要か
途中で止まっている、更新予定のない（しかも需要が無い）コンテンツ順位を下げる
PC版だったので左右の分割デザインだが、html5に合わない部分が出てきているので考え直す
文字メインにするなら動的に見やすくしたい（フォント、フォントサイズ、文字色、背景色を設定できるようにしたい）
背景の壁紙を統一（見やすく）

思う事

殆ど目標に上げているのだけど、サイトのデザインがPC版のみだけなのでスマホ・タブレットに対応させた方がいいのかなー、という感じです。
サイト構造を流行りのものにしたい、ってのがあります。

あと、今の構造だと小説はiframeで呼び出してるので各ページの解析はできてないと思われる。小説ページは殆ど見られてないのだけれども。
頒布物の見本としてリンクしてるんだから、多少は見られるかなー？（焦）というのがある。

更に、サイト公開の当初よりも読み物が増えてしまったので、毎回ページごとにhtmlを作成するのが大変。
今回のように改装しようと思うと、その分量が壁になる。
正直、イラストだけならまだ数ページに収まっている（重いかどうかなんて考えてないから）ので何とかなるけど、
小説とか読み物は一本でも数ページになる。読み物自体も増えてるからバンバン増える（涙）。

外部サイト（有名なPIXIVとか、カクヨム、なりたい系）に放り投げた方が良いのかなーって思う時さえある。
頒布スペースに関連付けができるし、同人関連で検索してもらえる確率的には外部サイトなんだけれども、やっぱり自分で管理できるサイトは欲しい。
好き勝手にできるから。

それこそ、管理コンテンツが多い場合はWordPressとかってのが最近の流行り。
でも、直にhtmlの勉強も兼ねてるし、無意味にツールを噛ませると問題が起きた時に面倒。

端末の処理スピードが速いなら、txtを準備しておいて動的にhtmlから読み取って表示するjsを作成した方が楽かもしれない。
直書きのhtmlが速いのは知ってるけど。
管理的には別途txtを準備した方が楽だったりする。

frameworkを新しくしなきゃいけないから、全ページが更新対象なんで困るんだよねーww
一気にやらないと、後回しにしたページは公開しなくなる可能性があるので嫌なんです。
折角自分が作ってきた歴史なので残しておきたい。

[0回]

「デザイン」て何よ？　Webデザイン編

前置き

毎朝の起床時間が遅くなり、
7:25から見ていたデザイン「あ」を見る機会が減った今日この頃。
今年のウィルスが関係しているわけでは無く、職場環境に順応し始めた結果である。
あと、早い時間に起きて朝食の準備をすると邪魔になり始めたんです。

同人活動が復活し始めた（まだ本格的には始動していない、本だけに）頃に
ウィルス問題でイベントの延期となったので「イベント参加したい」欲のピークが過ぎそうになっている。
まだ「イベント参加したい」欲は残っているけど手をこまねいている段階の今、頒布物について考える時間ができてしまった。
目の前に締め切りがあれば勢いで考えなかったのだろう、しかし今は時間がある。
それが題名の「デザイン」って何よ？　になる。

デザインっていっぱいあるんだなー、の長々とした話。
長いので分割することにしました、なんでデザイナーじゃないのに「デザイン」について書いているんだろう？
今回はWebデザインの話。

Webデザイン

見た目
使いやすさ
間違い難さ

実は職業がSE（システムの方ね）で、フロントエンドとサーバーサイドのプログラムを書いている底辺プログラマーである。
（PHPは数値系のバグを生産できる言語だと思っている。）
フロントエンドとはいえ、「見た目」じゃなくて表示させるだけがメインだった。
まぁ、でも人数が少ない現場ではプログラマーとはいえ「見た目」には多少携わらなければならなかったのが現実。
仕様書や設計書の段階で「デザイン（見た目・使いやすさ・間違い難さ）」が準備されていて、一貫していればプログラマーとしてはプログラムを「書く」だけのはずなのだが、プログラムが大きくなればなるほど一貫させていくのが難しい。

見た目

特に伝票内容の入力などは、その入力ページだけで内容が確認できなければいけなかったり（内容を通して見て不具合が無いことを確認するため）、横スクロールなんてさせられなかったりする（一目で分からないから）ものだから他のページ（画面）とは変わってくる。
一つ例外ができると、他のページ（画面）でも無理矢理詰め込んでいたのが「こっちも例外で良くない？」なんてことになる。
そんなことをしていると、全体で一貫性がなくなっていくのが現状。
これが「デザイン（見た目）」の一つ。

使いやすさ

次に「デザイン（使いやすさ）」は説明が難しい。
例えば、ページのナビゲーション（大体上の方にあって、トップページだの概要だのが一列に並んでる奴）にクリックする（押す）と細かい内容が出てくるボタンがあるとする。
「商品一覧」ボタンをクリックすると、すぐ下に「オンデマンド印刷」とか「オフセット印刷」とかって出てくる感じ。

これがフォーカスを外す（画面の矢印みたいなのが別の所にいく）と隠れてしまう。
パソコンだと「あー見えなくなった」だけど、
スマホとかだと、そもそもフォーカスを外す行動は「別の所をタップ（クリック）」だから「見なくなったものが隠れた」になる。

上記の例は「動作」がメインだけど、もっと分かりやすい例なら「ボタンの大きさ」がある。
画面（ディスプレイ）の大きさにcmを使うのは妙な気分だけど、自分が分かりやすいのでcmを使う。
パソコンだと1cm未満のボタンだって平気でクリック（押すことが）できる。
スマホだと1cm未満のボタンは押せなかったりする（当たり判定の問題）。
指の小さい人は押せるけど、指の大きい人は拡大したり何度か押したりするかもしれない。

間違い難さ

デザイン（使いやすさ）にも関連するけど、操作を間違えにくくするのもデザインの一つ。
例えば、ボタンが幾つも並んでいる場合。
ボタンが小さくて、隣との間隔が狭ければ押し間違えるかもしれない。
スマホなら特に問題で、押すときに結局はボタンが指で隠れて見えない。
パソコンなら矢印で完全に隠れてしまうことは少ないし、位置を合わせた後にクリック（選択）すればいい。
だから指で操作する端末とパソコンとで表示が変わってたりする。
幾つも並んだボタンでも、ボタンが指より大きければ間違えは少ない。

大きさだけではなく、色、形を変えて見分けを付けるのも方法の一つ。

特に、「リセット」「取り消し」など消してしまうボタンなどは色を赤くして見分けやすくするのが主流。赤が警戒色になるからね。

Webデザインで見つけただけでも、こんなにあるww
しかも、見つけた全てが絡み合って、色や形に意味があるともっと大変。

[0回]

消費税があがががが

消費税が上がりやがりましたね。。。
そいつのせいで、先月末から初日は辛かった。
夜間からの作業だけで済むんだから、先月末の昼間から値札を変えていた方々よりはましなんですが。

その疲労が抜けやらぬ内に締切状態がきたので（二つも）、バタバタしてます。
現在進行中ですよ？

とりあえず、最近ブログを更新できてないので書いてみる。

[0回]

速いなXubuntu、そして三十路

最近は事情があってメインPCのWin7ではなくXubuntuを使用していたのですが、
十年近く前のPCに入ってるくせに動作が軽くて速いです。

久しぶりにWin7の方を使うと、起動が遅く感じられてビックリしてます。
しかも画面の比率と画素数（？）が違うので文字の大きさも違う。。。
このままメインPCの調子が悪くてWin7じゃ不味くなってきたらUbuntu系に乗り換えようかしら？
（でもWin系のソフト使いたいからUSBブートでも良いけど）
それとも勉強がてら自宅サーバー環境作ろうかなー。
いや、それじゃあ接続端末の起動の遅さは何ともならない。
一番遅いのは初回の起動時だからなー。
（電源入れっぱなしはない）

＊＊＊

話は変わりまして、
昔から（かれこれ十五年以上前から）欲しかった曲のCDをネット上で発見しました。
インターネットで買い物を時々するのですが、正直怖々ポチッとしているので結構勇気がいりましたね。

でも欲しい物を買うには勇気と先立つ者が必要。。。
社会人になって自分の使えるお金が増えたからこそできる買い物。
なんだか年を取ったなぁと感じます。

＊＊＊

最近は創作活動もしていない（現実的に忙しすぎてそこまで手が回らない）。
それでも印刷所のパンフレットを入手してから
「憧れの便箋作りたい、グラデーション使いたい」
「シールもできれば作りたい」
「折本作りたい」
とかって欲求は沸々と湧き上がってきているんですよねー。

便箋は作りたい！　今は比較的安く、少ない量でも作れるので自分用だけでも作れる。
自家通販の形態も増えたので、ペーパーを配布して、封書で注文を受け取って、なんてアナログな形式だけじゃない（アナログの方が好きだけど、セキュリティの問題がねー）。
送料の単価が高くなっても匿名でやり取りが出来る配送もあるので、利用してみようか検討中。

三十代になってやっと同人活動らしきものが出来そうなので、
「好きなことやって人生謳歌してやるんだー」って気になってる。

なんだ、楽しいじゃないか三十代。

[0回]