制作実績：よろしくお願いします。
- 山岡白竹堂 さま
- −
- デザイン
- −
- −
- −
- -
- -
-
縦書きのテキストが特徴的なデザインです。
どのデザインの扇子にもあうように、シンプルなあしらいになるように気をつけて作成しました。
- Trendy Neo（トレンディネオ） さま
- 企画など
- デザイン
- CSSコーディング
- −
- イラスト
- CMS：MT
- -
-
ブログの制作をまるっとさせていただきました。
パソコン用だけではなく、ケータイ・スマートフォン版も作成しました。
自由＋楽しい雰囲気が出せるようにデザインし、 ブログ的にはできるだけ日々の管理が楽になるように気をつけました！
- 【書籍】Web Designing 2010年 12月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- 『CSS Lab. 更新可能なグラフを作る』に寄稿しています。
CSSでグラフを表現すると基本的には棒グラフの一択なのですが、棒グラフの枠を超えた圧倒的にオシャレなグラフを紹介させていただきました（笑）
CSSのテクニック的には「position」を多めに使っています。
「positionってかっちり指定できていいけど、かっちりし過ぎていて使いにくいよね～」などのようにpositionに苦手意識のある人にもオススメです。- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】Web Designing 2010年 11月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- 『CSS Lab. 管理しやすいトーナメント表』に寄稿しています。
もうそのまんまトーナメント表なのですが、jQueryを使ってclassを自動で付けるなど更新作業が発生しやすかったり、大量に作らないといけない箇所の構築の設計に取り入れてみると便利な内容です。- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 就活朝日2012版 さま
- −
- デザイン
- CSSコーディング
- −
- イラスト
- −
- -
-
去年は全面リニューアルをお手伝いしたのですが、今年は新年度版に向けて微調整と新コーナーの担当もさせていただきました。
【担当コーナー】 いずれもサチコが担当しています。
- 【書籍】Web Designing 2010年 10月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- 『CSS Lab. 透過PNG＆透過CSSで背景にもう一工夫！』に寄稿しています。
背景の取り扱いについて、とくに透過させることに注目して記事を書きました。
透過PNGの取り扱いは慣れるととても便利なので、ぜひ読んでいただきたい内容です。- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】Web Designing 2010年 9月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- 『CSS Lab. 特定の部分に注目させるスマートな表』に寄稿しています。
組みやすいtableについてコーディング的なことや、目立たせるためのデザイン面についても記述しています。- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】Web Designing 2010年 6月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- 『特集1：「1px」で変わるあなたのサイト』に寄稿しています。
「1px」に関連した技や、デザインをブラッシュアップする為のヒントが掲載されています。
担当記事は次のとおりです。- 1px単位のポイント満載！ なグローバルメニュ
- 角丸を輝かせる1pxの光！ ツルッとしたボタンメニュ
- 色が変わる！ 1pxで作る汎用的な斜線背
- クリエイティブな表を1pxで見やすく
- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】Web Designing 2010年 5月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- jQueryのプラグインを使用してナビゲーションなどを簡単カスタマイズと言った内容です。
48ページから8ページ執筆いたしました。是非ご覧ください。
サンプルデータもWeb上でご覧になれます！
USER INTERFACE 01〜MENU 04までが螺旋デザインの担当です。- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】web creators 2010年 03月号
- −
- デザイン
- −
- −
- イラスト
- −
- ライティング
- Webデザインを効率的に仕上げるために、使っているテクニックを執筆させていただきました！
74～75ページの見開きです。是非ご覧ください。- TIPS1 ウインドウ機能を活用し2画面で効率よくアイコンを制作する
- TIPS2 濃度や角度を調整して素早くオブジェクトの立体感を出す
- TIPS3 ペンタブレットとPhotoshopを使い手書きを取り入れたデザインをつくる
- TIPS4 インスタント写真風のポップなサムネールを効率よくつくる
- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- 【書籍】XHTML+CSS プロが教える"本当の使い方"
- −
- デザイン
- CSSコーディング
- −
- イラスト
- −
- ライティング
- 面白い仕掛けから、しぶい基本のステップ的な内容などバラエティ豊かに書かせていただきました。
説明用の図も理解しやすいように気合いを入れて作りましたよ！
螺旋デザインで担当した記事は次の通りです。- 02-07 ロールオーバーによってナビゲーションを演出する
- 03-04 スペースを取ってつくる見やすいテーブル
- 03-05 アイコンが自動的に付くユニークなリンクをつくる
- 03-06 表示が崩れない可読性の高い見出しをつくる
- デザインの項目がONになっていますが、サンプルデータのデザインであり、本のデザインではありません。
- CSS Nite in OSAKA
- −
- デザイン
- −
- −
- −
- −
- −
- CSS Nite in OSAKAの運営のお手伝いをしているご縁で、デザインをさせていただきました！
大阪版のサイトなので大阪色を出したいと思ったので、ヘッダとフッタに大阪をイメージしたピクトグラムぽいものを作ったところ、大変喜んでいただけました。
- 千の和菓子を食べて さま
- −
- デザイン
- CSSコーディング
- −
- −
- CMS：WP
- −
- 和菓子紹介サイトです。
和菓子の写真が並びますので、緑茶や泡だった抹茶と和菓子の包装イメージさせるものにしました。
ナビゲーションは煩雑になりそうな箇所をコンパクトにまとめました。
- お祭りジャーナル さま
- −
- デザイン
- CSSコーディング
- −
- −
- CMS：WP
- −
- お祭りフォトが生えるように黒ベースで配色しました。
大きな写真が並びますが、使用したサムネイルのプラグインが画像の縮小を作らないタイプ（サイズ指定でサムネイル表示）だったのですが、ストレス無くページが表示されるように調整させていただきました。
- 巫女れしぴ さま
- −
- デザイン
- CSSコーディング
- −
- −
- CMS：WP
- −
- 巫女の方の衣装をイメージしてデザインしました。
巫女のみなさまの記事がとても楽しそうですので、制作者としてもうれしいです。
- 和ニュース さま
- −
- デザイン
- CSSコーディング
- −
- −
- CMS：WP
- −
- 和のテイストを出しつつもニュース内容を邪魔しないように気をつけながらデザインしました。
記事の管理方法が少々、複雑なのですがマニュアルが無くても操作ができるように調整させていただきました。
- きものの「キ」 さま
- −
- デザイン
- CSSコーディング
- −
- −
- CMS：WP
- −
- 女性らしさと、着物の柄の華やかさを意識してデザインしました。
英語の記事も作られて着物文化の発信を精力的に行われています。
- 螺旋デザイン
- 企画など
- デザイン
- CSSコーディング
- Flash
- イラスト
- CMS：MT
- ライティング
- このサイトなんですがね（笑）
業務内容の紹介だけではなく、読み物系のコンテンツに力を入れたかったので、快適に読めるようにリキッドレイアウトやナビゲーションにこだわって設計し、内容を邪魔しないようにシンプルなデザインで仕上げました。
また、Movable Typeを使用し、更新時に関連するページの手入れの手間を省き、RSSも発信出来るようになっています。
他にも制作実績をご覧になりたい方はお問い合わせ、またはinfo@rasen-d.netへメールアドレスをご連絡ください。
1週間以内にメールにて制作サイトURL、デザイン・イラスト集のPDFのダウンロード先をお知らせいたします。
- 件名または本文に「制作実績希望」とお書きください。
- 1週間たってもお知らせメールが届かない場合は、ご連絡のメールアドレスが間違っている可能性があります。申し訳ありませんが再度お問い合わせ下さい。