日記、webデザイン、読書、写真など。SANOGRAPHIX京都を拠点に活動する佐野章核の個人ブログ。作ったつくる、というか作った。これをスマホで見ると、そこまで文字の大きさは気にならないと思うけど、PCだとこのように見えている。幅1000pxくらいの迫力のある見出しが登場する。ちなみにこのサイトは同人誌の告知サイトで、前回の記事でも紹介を書いた。text.sanographix.netポスターなどではジャンプ率の高いレイアウトをよく見かけるので、ウェブでも試してみたいと思いチャレンジした。いうか、並行して作っていたポスターのデザインを流用した。IllustratorからSVGでそのまま書き出せるのでめっちゃ楽(色はRGBに変換する必要はあるが)。主観だけど、あまりジャンプ率高いサイト見かけない気がする。見かけたとしても、前衛的な印象のサイトだったりして、物珍しい雰囲気がある。ところでジャンプ率って「高い」「大きい」のどっちが正しい使い方なんですかね。今回作ったところ、思いのほかモバイルと相性が良いことがわかった(さっきも書いたけど、スマホで閲覧すると自然な見え方になる)。図版や見出しはSVGで書き出せば、PCブラウザのような大きい解像度でもファイルサイズを軽量にできる。文字とか大きな文字を使うと字間を調整したくなる(特に見出し)。今回のサイトではTypesquareを導入したのだが、文字詰めの方法が案内されていた。1;この記述によってカーニングが施される。サポートブラウザを見ると結構広くて実用的な感じがする。Typesquareは多くの書体でこれをサポートしているが、ほかの状況でどのくらい使えるのかはちょっと調べてない。ちなみに使用書体は秀英角ゴシック銀で、とても美しくて使い勝手が良いので気に入っている(同人誌にも使った)。カラム幅一杯にひろがる大見出し(サイトだと「この夏を〜」のとこ)では、さすがにウェブフォントではなく画像を使ったほうが楽だった。文字はなるべく画像で代用しないほうが良いので、見栄え上・実装上都合のいいところに限って画像で代用する、くらいが落とし所だと思う。色とか全面が黄色と青で、目に悪そうな色にした。普段は白とか黒みたいなサイトばかり作っているから、遊べて楽しい。毎日見るサイトがこんな色だったら体調悪くなると思うので、こういう期間限定のサイトでは変な配色を試したい。4というものを作った。(sanographix)グラフィックデザイナー。日記SMTP++というイベントを開催している。今週末(2/7)に9度目を迎える。いう趣旨のイベントかは以前記事にした。このイベントの持ち味は準備が超省エネなことだ。ヤマハのサウンドバー『YAS-209』を買った。売れ筋モデルのYASシリーズのサブウーファー「ある」ほう。普段着にゲームTを着る活動をしている。キーボード買った感想。コンパクトでかわいい。Offer既刊まとめて25%オフ所属サークルの同人誌5冊をセットにした、お得なバンドル。プライバシーポリシースターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。