フェンリル

Developer's Blog

ウェブデザイン アーカイブ

Web デザインにも使える! Illustrator の魅力再発見!

Fenrir Advent Calendar 2015

こんにちは:)デザイナーの牧村です。

この記事は Fenrir Advent Calendar 2015の最終日、25日目の記事です。

デザイナーの皆さんは、デザインデータを作る際、どのツールを使っていますか?

私は今年から Illustrator を Web デザインで使用しはじめた結果、 Illustrator の便利さに感動して、メインのデザインツールになりました。

そんなわけで、今日の「2015年にグッときたコレ」では、以前 Photoshop をメインで使用していた私が、 Illustrator を使ってグッときたポイントをご紹介します!

続きを読む

Webのコンバージョン率をアップするテクニック

Sleipni3 for Windows Web

 

こんにちは。プロモーション担当の河井です。

 PRを担当する者として人々を引きつけるようなWebサイトには非常にいつも興味をもっていますが、先日、ある会社が発表していた自社サイトに来訪したユーザーのコンバージョン率を上げる方法が非常に面白かったので今回紹介しようと思います。

以下の内容は彼らが自社のWebサイトで様々なスプリットテストを行った結果、得る事ができたテクニックの中からいくつかピックアップしたものです。テストで検証済みというところが非常に興味をそそりますよね。

続きを読む

Google+ に PHP でログインしてみよう

こんにちはこんにちは! エンジニア川端です。
ウェブサービスをブラウザに統合する「Fenrir Pass Connect」、みなさん、楽しんで頂けてますか?

Fenrir Pass にログインすることで色々なウェブサービスを利用できる「Fenrir Pass Connect」。
今日は、その中でも実装が比較的面倒だった Google+ について、ログインするまでの流れをサンプルスクリプトでご紹介したいと思います。

続きを読む

[Infographic] Pinterest にハマっちゃう6つの理由

 

こんにちは、プロモーション担当のクーパーです。

みなさん、Pinterest 使ってますか? 今、急上昇中でとってもホットな Pinterest ですが、まだアカウントを作っただけで十分に楽しめていません。今日は、mashable の infographic 記事から、「Pinterest にハマっちゃう理由」をご紹介します。

続きを読む

リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。

こんにちは、イメージ担当の長谷川です。
今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。
アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。

ぜひ Web や UI デザインの参考にしていただければと思います。

続きを読む

眠れるデザインの才能とスキル(文字詰め、ベジェ曲線、色彩感覚)を見出す3つの Web ゲーム

デザインゲーム

皆さんこんにちは、イメージ担当の長谷川です。

突然ですが、みなさんは自分にデザインの才能があると思いますか?
今回紹介するのはデザイナーに必須なスキルの文字詰め、ベジェ曲線の編集、色彩感覚が簡単にテストできて、しかも遊んでいるだけでマスターで来てしまうというゲームです。

プレイするだけであなたの眠れるデザインセンスが開花するかもしれませんよ。

少し前に流行ってたみたいですが、知り合いが Facebook で面白いと言っていたのでやってみました。

続きを読む

【ウェブデザイン】参考サイトを SnapCrab でキャプチャして FenrirFS でラベル管理すると捗る

こんにちは!デザイン担当の福島です。

新年ですね、今年もよろしくお願い致します。
突然ですが今年の目標は、デザインする際に見る 参考サイトの管理をきちんとする、にしました。
デザイナーの方々はデザインする際に参考になるサイトを探したり、ネット中に素敵なデザインのサイトに出会ったりしたとき、そのサイトをストックしていますか?

いざストックしようとしても、なかなか管理が難しいですよね!
ブックマークで管理すると探す際にいくつもタブを開くため時間がかかったり、リニューアルでデザインが変わっていたりします。キャプチャして画像で管理してもフォルダの階層で分類が大変だったり。どのフォルダに入れようかとか、どのフォルダにいれたのか、どんな階層が一番適しているのかなんて、いちいち考えるのめんどくさい。。

そこで SnapCrabFenrirFS の機能を使えば、キャプチャした画像にタグ名を付けて保存するだけで自動で複数ラベル付けができる上に、サムネイル管理できるじゃないか!と思いつきましたので紹介します。


続きを読む

高品質な UI や Web のデザインが短時間で作れるおススメの Fireworks 拡張機能 4つ

Fireworks 拡張機能まとめ

こんにちは、イメージ担当の長谷川です。

「品質を上げれば速度が落ちるし、速度を上げれば品質が…」
デザイナーにとってはこの品質と速度が非常に悩ましいですよね。
今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。

続きを読む

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。

こんにちは、イメージ担当の長谷川です。

今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。

続きを読む

デザインのインスピレーションに最適!著作権フリーの挿絵が素敵な古書のパブリックドメインサイト

こんにちは、デザイナーの長谷川です。

デザインをする時、特に気を付けないといけないのが著作権。ちょっとイラストを描こうと思っても、元にする写真の著作権に注意しておかないと複製権の侵害になったりします。

そんな時に役立つのがパブリックドメイン。パブリックドメインとは著作物などの著作権が保護期間の経過により消滅したか、著作者が権利を放棄した状態のことです。基本的に誰でも自由に利用することができます。

海外にはそんなパブリックドメインとなった著作物を公開しているサイトが数多くありますので、時々参考にしています。
今回はその中から見てるだけでも楽しい古書の挿絵などをスキャンして公開しているサイトをご紹介します。

続きを読む

ずっと使えるデザインテクニック。すっきり美しく見せる『余白』と『文字』の使い方。

こんにちは、デザイナーの長谷川です。

今回は僕が普段気をつけている、ちょっと意識するだけでスッキリしたデザインになるレイアウトのコツをご紹介します。
デザイナーじゃない方も、企画書や簡単な UI のモックアップ、Web や雑誌のレイアウトなどに応用できると思いますので、ぜひ参考にしていただければと思います。

続きを読む

iPhone、Android ユーザーを虜にするかもしれないブックマークレットにまつわるWebサイトを公開しました。

TapmarkletsとSleipnir Mobile を同時リリース!

こんにちは。坪内です。

最近、にわかにブックマークレットがブームのような気がしてなりません。昨日もブックマークレットがキャズムを超えた夢を見ました。

先日、AppBank さんが以下のような記事をアップされていましたが、風が吹いた!と感じました。

AppBank :ブラウザ「Safari」の使い方。 Safariを格段に強化する「ブックマークレット」編。

 

機は熟しました。

フェンリルのブックマークレットプロジェクト、始動です。

 

続きを読む

Fireworks の “ページ機能” でスライスなどの作業効率が 3.5 倍アップ!

Fireworksのページ機能

こんにちは!デザイナーの長谷川(ヒロユキ)です。

僕は Fireworks 大好きっ子なのですが、残念ながらフェンリルのデザイナーは殆ど Illustrator や Photoshop でデザインしているので、今日は僕が Fireworks を手放せない理由のひとつであるページ機能を紹介したいと思います。

続きを読む

Facebook でシェアしたサイトを Evernote で管理すれば素敵なオンラインブックマークの出来上がり


最近、巷では Facebook が盛り上がってきたので、フェンリルでも Facebook をもっと活用したい!

ということで、個人的にも Facebook を使い始めたプロモーション担当の坪内です。SPGRA だけを担当しているわけじゃありません。はい。

とりあえず、Facebook ユーザーの方は、下記いいね!ボタンを押してみてください。

はい。

いいね!いただきました。

特にエントリーの内容とは関係ありません。すみません。

さて、これまで、私はプライベートでも役立ちそうな WEB サービスや気になったブログエントリーなどは、ブックマークレットを使って、Gmail から Evernote にメールして、Evernote 上で管理していました。

HeartRails Caputure のブックマークレットでキャプチャを撮って、Gmail 本文に貼りつける、という一手間が加わっていたので、ちょっと面倒には感じていましたが、Evernote でブックマークを管理するのは、気に入っていました。

しかし、先日、Web Design Recipes さんの「WebからEvernoteへ。私(Webデザイナー)がしているちょっとかわった情報整理術」というエントリー内で、「Facebook はあとで読む的に使っている」と書かれていて、あぁなるほど、そういう手があったか。と思った次第です。

そこで、Facebook で Web サイトをシェアすることでソーシャル気分を満喫しつつ、しっかり保存と検索の効く Evernote でブックマークを管理。これが簡単にできたら、一石二鳥だなぁと思い、挑戦してみたのでした。

続きを読む

【デザイン TIPS】背景を変えても境界線がボケないボタンを作るには

110613BlogBanner.png
デザイナーの大西です。
Web ページなどで使うボタン作成の小技を書きたいと思います。
使い回ししやすいボタンを作るための手法のひとつとして、「違う色の背景に置いてもボケない境界線」が重要です。

続きを読む