つくりてのざれごと

イラスト入りロゴの制作 残念ながらコンペで落選しましたが、このような犬のイラストを用いたレストランのロゴを作成しました。 このお店は、ドッグラン併設の犬と一緒に入れるバリの雰囲気を持つレストランということでしたので、頭にはバリの民族衣装風ヘッドドレスを付けた、看板犬でもあるゴールデンレトリーバーが、フリスビーならぬ大文字のNを咥えて「レトリーブ」してくるイメージとしたりと、我ながら楽しいロゴができました。 また、お店の壁が黒色でもあるということで、黒地に白抜きのバージョンも作成しました。 使用書体は、 Centaur Pro Bold になります。 手書き文字のロゴ制作も 自分で書いた文字のロゴの制作もしています。 日本語よりもアルファベットを得意としています。カリグラフィー歴11年になります。 実際に制作したものはまだお見せできませんので、参考例として、私の屋号を書いてみたものを掲載します。 元の書体はイタリック体ですが、 Hermann Zapf 氏や Gottfried Pott 氏などのドイツ系のカリグラファーや、アメリカの John Stevens 氏などを参考にしつつ、かなりオリジナルな書き振りになっています。 ロゴ制作承っています ということで、以上のようなロゴ制作は随時承っておりますので、お気に召しましたならばご連絡お待ちしております。 mail eszett.sz@gmail.com twitter http://twitter.com/eszett

ちょっと思うところあって7回目の 拙サイト 全面改修を挙行。 今回は見映えなどの大幅変更というよりも細かい箇所の改装が主目的だったが、構造見直しのためHTMLは全取っ替え。以下に今回の改修点を列挙。 横幅を960pxから1200pxへ ヘッダおよびサイドメニューの固定化 不要になったページの削除 「上に戻る」ボタンの削除 メニュー展開時のアイコンのアニメ追加 文字詰めjQueryの追加 横幅変更 横幅は現状1200pxでも大丈夫と（勝手に）判断し変更。そのついでに今まで左寄せにしていたレイアウトを左右中心揃えに。そのTIPSはネット上に沢山転がっているので割愛。 サイドメニュー固定 ウェブ、ショウジン さんの記事「 サイドメニューとフッターメニューをCSSのposition:fixedで固定する例 ＊一応「IE6」もいける。 」を参考にした。深謝！ サイドメニューに該当するCSS #side { width: 100%; float:left; position: fixed; overflow: auto; background-image: url("../images/common/eszett_logo01.jpg"); background-repeat: no-repeat; background-position: 3.6rem top; } #sideWrapper {width: 180px;} 上記赤字の「position: fixed;」を追加することでサイドメニューは固定される。 そして、今回の密かな目玉である「eſzett」ロゴを背景に追加しこれもサイドメニューと共に固定させるために、上記青字を追加。幅100％はサイト全体の横幅に対する設定で、これにより背景ロゴはサイドメニューに設定しているにも関わらず中途で切れずに（サイドメニュー自体は#sideWrapperにて幅180pxに設定）表示される。 コンテンツ部分のCSS #main { width: 900px; float: right; overflow: auto; position: relative; margin-bottom: 6rem; } コンテンツ部分のCSSにて、赤字の「float: r...

本日、拙サイトロゴを「eszett」から「ß」に変更してみた。 現在の拙サイト。新しいロゴに変更してみた 従来の「eszett」ロゴはサイドのナビ上に仕込んでページダウンすると現れるようにした。 「eszett」ロゴはサイドのナビ上に それから序でに、試しで手書きの「eszett」も作ってみた。 手書きの「eszett」 ただ、この手書きの「eszett」は拙サイトの雰囲気に合ってないような気がして悩み中。もう少し字の雰囲気を変えた方が良いのだろうな…。