IT系女子ログ

Webデザイナーのエッセイ。デザイン、コーディングで気になることをあれこれ考える。

好きなはずのデザインが苦しかった、あの頃の私へ

f:id:tosssaurus:20180815220307j:plain

デザインってなに?
どうやったら上手くなるの?
なんで私はデザインが上手じゃないの?
なんであの人はデザインできてるの?

 

ずっとずっと憧れていた、デザインを創り出す側になりたくて。がむしゃらになってつかみ取ったデザインのお仕事なのに…

いつのまにか避けてしまっていただなんて。

見ないようにしていたところを直視させられた。そこにいたのは、思い描いていたデザイナーとは全然違う、なんちゃってデザイナーの私だった

続きを読む

ウェブ解析士になったので、広告をうって検証してみた。

f:id:tosssaurus:20180807214037j:image

昨年ウェブ解析士の資格を取得できたのですが、業務の都合上なかなかウェブ解析をする機会がありません。

時間を作ってはログを見るようにはしているのですが、座学では気づけなかった最近の課題があります。

続きを読む

やってみて学んだ、アイコンのデザインで大切なこと

f:id:tosssaurus:20180520234819p:plain

2週間ほど前、Twitterのアイコンを変更しました。
自作することで企画から制作までを経験できたので、デザインが完成するまでの試行錯誤と、そこから得た学びをまとめます。

 

特に、

  • 個人SNSのアイコンを検討してる方
  • ビジュアルデザインを勉強しはじめの方

に参考になるかもしれません。

 

続きを読む

どんなデザイナーになりたいの?に面食らってしまう私が、自分の言葉でキャリアを考える

f:id:tosssaurus:20180111020938p:plain

私にははっきりとした野望はないし、尊敬するデザイナーはたくさんいるけど、どこか遠い存在で自分のキャリアの延長線上だとは思えない。

“今ここ”から、半径20メートルくらいの中で考えてみては、あまり深めずに考えをとめてしまう。

続きを読む

社内じんわりアクセシビリティ普及活動記録

これはWeb Accessibility Advent Calendar 2017 - Adventarの11日めの記事です。 

 

活動目的 

「少しでも誰かの『べんり』を増やすこと」と「アクセシビリティに気を配りながら制作する空気を、じんわりと社内につくること」を目的としています。

「まずは自分から。まずは自社から。まずはできることから。」がポリシーです。

続きを読む

視覚とデザインと数学

f:id:tosssaurus:20171204222508j:plain

コンピュータで正確な数値をもとに位置や大きさをそろえると、当たり前ですが確実にそろいます。一方で、数値的にそろえた状態が、必ずしも「そろえた」とは言えない現象が、デザインの分野ではたびたび起こります。

人があるものを目で認識するときに使う脳のはたらきによって、数値的には正確に同じでも視覚的には違って見えてしまうパターンがあります。目の錯覚、錯視といわれるもののことです。

続きを読む

いまさらHelvetica入門

f:id:tosssaurus:20180703214557p:plain

欧文フォントの王様と呼ばれるHelvetica(ヘルベチカ)。

今年で60周年を祝う特設サイトを見て、しびれました。

60th Anniversary Helvetica Typeface

 

かっこいい。

Helveticaを使うからかっこよくなるのか、Helveticaを使う人がかっこいいものを作れる人なのか、Helveticaのことをいまさら調べてみました。

続きを読む

職業訓練とデザイナーと採用について当事者が思ったこと

f:id:tosssaurus:20171120080517j:plain

(2018年8月10日 内容を一部調整しました。)

先週話題になっていた職業訓練校に関する記事を拝見して、たくさん考えるきっかけになったのでまとめておこうと思います。

 

その記事の要約をすると、

デザイナーの採用活動を行なっているが、応募する企業の調査が甘いことからデザイナーという仕事が舐められていると感じている。未経験の人は、入社してから頑張るだけでなく入社前から誰よりも頑張るんだよ。

特に職業訓練校の卒業生はデザイナーの土俵にも乗れないレベルで就職活動をしている印象。

といった内容でした。

続きを読む

head内の記述チェックリスト(まずはこれだけ版)

f:id:tosssaurus:20171113074701p:plain

headとは、HTMLページの情報を書いておくところです。

記述しておくことで、ユーザーがページを訪問する前に「どんな内容が書かれているページなのか」が分かりやすくなります。

なんとなく使いまわしてきたhead内の記述を、最近のアップデートに合わせて重要なタグだけに整理してみました。 

続きを読む