デザインその他 アーカイブ

こんにちは。デザイン担当の吉竹です。

皆様、文房具は好きですか？私は大好きです！
鉛筆、シャーペン、ボールペン、万年筆にメモ用紙にポストイットえとせとら…
仕事ではデジタルな空間に触れる時間が多いフェンリルのデザイナーですが、アイデア出しやスケジュール管理など、意外とアナログな道具に向かうことも多いのです。
おやつ篇に続き、今回は文房具篇と題しまして、フェンリルのデザイナーがどんな文房具を持っているのか、どんなこだわりがあるのかをご紹介いたします。
（一部デザイナーはおやつ篇と同期して紹介されますので、ぜひ別タブで見比べながらお楽しみください）

デザイナーの大西です。

Mac OS X Lion に Apple カラー絵文字フォントが追加されているのをご存じでしょうか？
Lion がリリースされてからかなり経つのでご存じの方がほとんどかもしれません。かく言う私は最近知りました・・・。
iPhone や iPad でおなじみの絵文字が Mac でも見れるとは！
さっそく眺めてみたところ、これがまた可愛い！iMac のディスプレイで見るとまた違った発見があります。iOS からは打てなかった絵文字もあり、気になったものをいくつかピックアップしてみました。

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

突然ですが、皆様は仕事中におやつを食べますか？
たかがおやつ。されどおやつ。「一服」と言うささやかな至福の主役として、人それぞれのお気に入りがあるかと思いますが、1 px にこだわるフェンリルのデザイナーなら尚のこと、嗜みへのこだわりも人一倍！
とにかく愛用し過ぎて、リピーターというより完全に中毒。もはやその人のシンボルとなり得てしまう程に徹底したこだわりぶりを発揮しています。

と、いうわけで今回は、他愛ないけど味のある、フェンリルデザイナーの仕事中のおともをご紹介いたします。

こんにちは！本日2度目の UI デザインの松野です。

突然ですが、みなさんは App Store で★を付けたことはありますか？

App Store の★の数は、ユーザーのみなさんの声を反映してアプリの評判を表すとても大切なものです。アプリをダウンロードするとき、多くの人はこの★の数を決め手にしているのではないでしょうか。

かくいう私自身、スクリーンショットを見て何だかよさそうでも、平均評価が★1や★2であれば「やっぱりやめとこう」となりますし、逆に★4以上なら安心してダウンロードできたりします。

そんなわけで、★はアプリのダウンロード数にもっとも強く影響する指標でもあります。

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

相変わらず、Windows 8 のことについて調べるのが楽しい最近です。
前回は Metro UI の画面パターンや素材など調べたことを書いてみましたが、今回は実際に触ってみたり Metro デザインについてガイドラインを読んだり、コンセプトについて学んだりしておもしろい！と思った UI やデザインについて、いくつか書いてみたいと思います。

こんにちは！UI デザイン担当の松野です。

新しい iPad も発売から2週間ほど経ち、そろそろ入手しやすくなってくる頃でしょうか。高解像度の Retina ディスプレイはまるで印刷物のような美しさです。

Sleipnir Mobile for iPhone / iPad も、この iPad の Retina ディスプレイに早々に対応し、高解像度のリッチな使用感を実現しています。もうご覧になりましたか？

さて、この高精細なディスプレイを活かすには、当然ながら専用の画像リソースを用意する必要があります。つくる側としては、iPhone 4 登場当初は巨大なアイコンたちのばかでかさに驚いたものですが、今となってはすっかり見慣れました。

せっかくですから、新しい刺激を求めて Sleipnir Mobile for iPhone / iPad の画像リソースを未来にやって来るかもしれないウルトラ Retina ディスプレイに最適化させてみましょう。とりあえず @8x (縦横8倍) にしておけば充分ですかね？

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

Windows 8 Consumer Preview が発表されましたね！Windows Phone 7 でも使われている Metro UI が採用されてタッチパネルを意識したつくりになっています。Nokia で Windows 8 のタブレットがでるとかでないとか。

Windows 8 の新ロゴも発表されて Windows デザインの流れもどんどん変化していきそうです。たのしみですね。

そこで今回は Metro デザインについてデザイナーが押さえておくとよさそうな情報やテンプレートをまとめてみました！わたし個人ではまだデザインしたことがないので、個人的なメモ程度ですが。。何か他にもいい情報があれば教えてください。

こんにちは！UI デザイン担当の松野です。

今日は、Sleipnir 3 for Mac で私が大事にしていることについて書いてみます。それは、アドレスバーがないことです。

アドレスバー、いります？

私には以前から考えていた疑問がありました。それは「アドレスバーは誰のためのものだろう」ということです。

というのも、少なくともそれは「今の人々のためではないな」と思っているからです。

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

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

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

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

はじめまして、デザイナーの高口です。

デザインをするにあたっては見た目の美しさも考慮すべきですが、必要な情報を得ることすら出来ないデザインは、使い勝手だけではなくその価値すら低下させてしまいます。
そのデザインにとって重要な色を考える場合、色彩だけでなく、ユーザーの視力や色覚障害、病気、周囲の環境など、考慮するポイントはたくさんあります。
知覚する景色は万人共通のものではなく、人それぞれの主観によるものなのです。
そこで今回は人間の目について、ちょっとした豆知識を書きたいと思います。

デザイナーの大西です。

アプリケーションアイコン作成時に気を付けていることを書き出してみました。 基本的な事、作った後で気づく落とし穴、確認しておきたいことなど、アイコン作成の参考にしていただければ幸いです。

また、OS のガイドラインでアプリケーションアイコンについて言及されている場合が多いです。アングルや光源、影の付け方まで細かく定められているものもあり参考になるはずです。

こんにちは！UI デザインの松野です。

フェンリルのデザイナーはみんな思い思いのアプリケーションで作業します。私はというと、何にでも Adobe Illustrator を使います。理由は色々あるのですが、Illustrator はアートボードに別のファイルを配置できるのもその理由のひとつです。

Illustrator の配置は、ファイルを参照として扱います。これによって、

・リソース画像の共通部分を別ファイルに分けて使い回す
・アプリの画面サンプルに実際のリソース画像を入れて組み立てる

ということをしています。ファイルが別になっていれば、あとからの修正にも柔軟ですし、管理も楽になります。

しかも、実は Illustrator 書類に Illustrator 書類を配置することもできる（PDF 互換機能を応用）ので、Illustrator で作業を完結できます。

このアイコンの馬や地球は共通パーツにして、Mac 版でも iOS 版でも同じものを使っています。

で、これらの共通パーツは色んなプロジェクトで使うので、別のフォルダに分けているんですが、色々とつまずいたことがありました。

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

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

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

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

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

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