リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

2012/03/12 1325 users Fireworks エッチング フェンリル テクスチャ 水平

iCloud 風アイコン iCloud 風アイコン2 こんにちは、イメージ担当の長谷川です。 今回は iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラ... 続きを読む

【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。 (フェンリル | デベロッパーズブログ)

2012/02/01 1004 users iPhone フェンリル 横幅 Android 端末

こんにちは、開発の林です。 スマートフォン向けウェブページを作るする際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作り... 続きを読む

【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選 (フェンリル | デベロッパーズブログ)

2011/11/30 8109 users SPGRA フェンリル 財布 コンテンツ ネタ元

こんにちわ。坪内です。 突然ですが、SPGRA 知ってますか？ せっせこ素敵なデザイン物を紹介しているブログなのですが、実は、日本語版と英語版とでコンテンツが全く違うんですね。日本語版では世界中のデザインサイトがネタ元で、英語版では日本中の素敵オンラインショップやデザイナーさんのサイトがネタ元なのです。 そこで、本日はSPGRA編集部がネタ元とすべく、この2年ほどで集めた素敵なネットショップを一挙... 続きを読む

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。 (フェンリル | デベロッパーズブログ)

2011/11/11 1305 users ガンプラ プラモデル 奥行き フェンリル 長谷川

こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すために... 続きを読む

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。 (フェンリル | デベロッパーズブログ)

2011/08/19 1367 users フェンリル 余白 デザインテクニック 文字 使い方

こんにちは、デザイナーの長谷川です。 今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。 デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。 1. 上下左右のマージンを均一に Web デザインや UI デザインの要素全てに対して隣り... 続きを読む

【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選 (フェンリル | デベロッパーズブログ)

2011/07/28 8109 users SPGRA フェンリル 財布 コンテンツ ネタ元

こんにちわ。坪内です。 突然ですが、SPGRA 知ってますか？ せっせこ素敵なデザイン物を紹介しているブログなのですが、実は、日本語版と英語版とでコンテンツが全く違うんですね。日本語版では世界中のデザインサイトがネタ元で、英語版では日本中の素敵オンラインショップやデザイナーさんのサイトがネタ元なのです。 そこで、本日はSPGRA編集部がネタ元とすべく、この2年ほどで集めた素敵なネットショップを一挙... 続きを読む