ニュース

milligraphのウェブサイトを更新しました。今回は、セクション〈project〉で紹介する制作物の図をよりわかりやすく解説するために、その内容と手法を改善しました。 ／キャプションの内容の充実── これまでのバージョンでも、図に添えるキャプションの文章でおもにデザインの意図について綴ってきましたが、今回内容を大幅に書き足しました。「確かこの時はこういうことを考えてつくってたな」とか、「この手法がこの時うまくいっていたのはどうしてだろう」とか考えながら書き進めていったものです。読む人にとって果たして価値があるのかどうかあやしい文も多々あるかと思いますが、それでもどなたかの役に立てることもあるかもしれないと思い、記しています。 ／図の部分を強調する動作の改善── 前回の〈バージョン４〉で、キャプション文の中にボタンを設けました。たとえば「この部分が○○である」という文字列のボタンが押されると、図の中の「この部分」に該当する部分を視覚的にわかりやすく強調することで、キャプションの説明を補助するためのものです。今回の〈バージョン５〉では、キャプションが画面内にスクロールして来たら、その強調する動作が自動でも発動するように変更しました。その結果アニメーションが格段に増えたので、サイトとして楽しくなったと思います。 ／キャプションへの操作ボタンの追加── 画面が小さいためにキャプションと図が重なり合って内容が見にくい場合への対策として、キャプション、図の全体、図の部分の強調表示、の３者のどれを優先的に見たいのかをユーザーが選べるように、以下の操作ボタンを新たに導入しました。これらのボタンは必要なときにだけ表示されます。

キャプションの表示と非表示を切り替えるためのボタン図の部分の強調の表示と非表示を手動で切り替えるためのボタン ／SVGの導入── 図の表現力を上げるためにそのデータ形式にSVGを導入しました。図の強調部分の図形としては、前回のバージョンまで円形と四角形しか描けませんでしたが、今回からSVGの機能によってほぼどのような図形でも描けるようになりました。グラフやイラストを用いてデータをわかりやすく伝えることのできる「インフォグラフィックス」にしばらく前から関心を持っていたので、このSVGの導入は今後それを修得するための基礎になっていくと期待しています。

このニュースページへ

milligraphのウェブサイトをリニューアルしました。 このウェブサイトを開設してからほぼ丸５年が経ちしました。その間、継続的にウェブサイトのデザインについて学びながら、このウェブサイトをときどきリニューアルしていました。最初のものを〈バージョン１〉とすると、今回の更新は３回目で〈バージョン４〉となります。本来であれば、その途中の段階である〈バージョン２〉や〈バージョン３〉ができたときにも、今回のように「リニューアルしました」とここで報告できればよかったのですが、ある程度の満足感はおぼえつつも、報告するに値する仕上がりに達しているのかいまひとつ自信がもてませんでした。今回の〈バージョン４〉は、ようやく報告したいと思えるものができたと思います。 この機会に、過去のバージョンの特徴をここに記録しておきたいと思います。 ／バージョン１── 2019年10月に公開。HTMLファイルの作成はすべて手入力。CSSファイルの作成はすべて手入力。 ／バージョン２── 〈バージョン１〉のマイナーチェンジ版。 ／バージョン３── 2020年10月〜2021年12月に公開。HTMLファイルはWordPressを利用して作成。WordPressの利用プラグインの種類や原稿の入力方法などの違いに応じて〈３.０, ３.１, ３.２〉のマイナーバージョンがある。CSSファイルはSassを利用して作成。 ／バージョン４── 2024年10月に公開。HTMLファイルはPHPを利用して作成。CSSファイルはSassを利用して作成。JavaScriptを導入してユーザインターフェイスを一新。 〈バージョン４〉と〈バージョン１, ２, ３〉の大きな違いは、JavaScriptを利用しているか、していないか、という点です。〈バージョン１, ２, ３〉でできたことは、紙のメディアでできることとあまり大きく違いませんでした。かろうじて「紙のメディアと違う」といえた点は、タブレットやスマートフォンなどの様々な画面サイズに応じてレイアウトを自動的に調整できる、という程度で、これらはCSSを利用して行っていました。 〈バージョン４〉ではJavaScriptを導入しました。そのおかげで、限りある画面サイズのなかで、ユーザによる操作の力を借りながら、できる限りわかりやすいプレゼンテーションを試みることができるようになったと思います。必要なものをふっと現させたり、一時的に邪魔なものを一時的に消したり、ほかのものに場所をゆずるためにさっと横に動かしたり、ということは紙のメディアではちょっとできません。 もちろんこれらのことは、ちまたの多くのウェブサイトではすでに実現できていることです。今回やっとこのウェブサイトもそれらに加われるかもしれない、というだけのことなのですが、〈バージョン４〉でそこまで漕ぎつけられたことをうれしく思っています。

このニュースページへ

事務所の設立にあわせてmilligraphのウェブサイトを開設しました。デザインや全体構成、内容の厚み、ウェブサイト運用の知識など、まだまだ至らない点が多いのですが、見応えのあるサイトを目指して手直しを重ねながら、定期的に近況をご紹介していきたいと思います。

このニュースページへ

この度、グラフィックデザイナー石田秀樹はデザイン事務所〈milligraph（ミリグラフ）〉を設立しました。今後も精力的に制作を続けながら、グラフィックデザインへの知見をすこしずつ深め、それを社会に還元していくことでなにかお役に立つことができればと思っています。今後ともご支援ご指導のほど、どうぞよろしくお願いいたします。

このニュースページへ