手になじむデザインをひたむきに追い求めるUI／UXのプロ集団 | ブレーン 2017年8月号
スマートフォンアプリを中心にソフトウェア開発を手がけるフェンリル。同社のデザインスタジオ「フェンリルデザイン」ではモノづくりにまっすぐ向き合う、職人肌のデザイナーたちが日々「人の心に響くデザイン」を追求している。 クライアントの幅広いニーズに応える開発実績 フェンリルは、Webブラウザ「Sleipnir（スレイプニール）」の開発を機に創業したソフトウェア開発会社である。Sleipnirは、アドレスバーを取り払い、タブUIを取り入れるなど、ブラウザの利用体験を一変させる斬新なUIで話題となった。 さらなる展開としてスマートフォンアプリ開発をスタートさせた。現在では、大手クライアントと共に双方の知見を生かして行う「共同開発」を中心に、アプリ開発実績は500本以上にのぼる。一般ユーザー向けのものだけでなく、建設現場向けなど業務用アプリも手がけており、クライアントのニーズに合わせて幅広いジャンルに
タブブラウザSleipnirのフェンリルがデザインにかける思いを具現化した「デザインスタジオ」写真集＆デザインへのこだわりをインタビュー
「ユーザーにハピネスを」を理念に掲げて、国産No.1シェアのタブブラウザ「Sleipnir」を始めとするアプリ開発やウェブサービスを制作しているのが「フェンリル」です。2015年に設立から10周年を迎え、「無邪気によいデザインをつくる」ことにこだわったフェンリルデザインと専用のデザインスタジオを新設したとのことで、スタジオ内部を見せてもらうことにしました。 無邪気によいデザインをつくる - フェンリルデザイン http://fenrir.design/ これが2015年に完成したばかりのフェンリルデザインの「デザインスタジオ」。フェンリル大阪本社の2階下にあたる、グランフロント大阪 [OFFICE BUILDINGS]の12階に入っていて、余計なものを一切排除してシンプルを極め尽くした設計です。 真っ白で継ぎ目の一切ない、巨大な一枚板の机が特徴的。デザインスタジオ専用に、特注で作ったものと
Web デザインにも使える！ Illustrator の魅力再発見！
こんにちは:)デザイナーの牧村です。 この記事は Fenrir Advent Calendar 2015の最終日、25日目の記事です。 デザイナーの皆さんは、デザインデータを作る際、どのツールを使っていますか？ 私は今年から Illustrator を Web デザインで使用しはじめた結果、 Illustrator の便利さに感動して、メインのデザインツールになりました。 そんなわけで、今日の「2015年にグッときたコレ」では、以前 Photoshop をメインで使用していた私が、 Illustrator を使ってグッときたポイントをご紹介します！ 1. アートボードを使って複数のデザインが管理できる CS4 バージョンからアートボード機能が追加されて、1ファイル内で複数のページデザインを管理することができるようになっており（あくまでも私の体感ですが） Photoshop のアートボードよ
フェンリル株式会社 | スマートフォンアプリ開発 実績
カテゴリ - すべて - エンターテインメント - カタログ - ゲーム - ソーシャルネットワーク - ナビゲーション - ニュース - ビジネス（業務） - ファイナンシャル - フード／ドリンク - ブック - ヘルスケア／フィットネス - ユーティリティ - ライフスタイル - 交通 - 仕事効率化 - 写真／ビデオ - 天気 - 旅行 - 辞書／辞典 ※記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。商標について ソーシャルアカウント一覧 | サイトマップ | プライバシーポリシー | 採用情報 | お問い合わせ | Copyright © 2005–2014 Fenrir Inc. All Rights Reserved.
【デザイン TIPS】背景を変えても境界線がボケないボタンを作るには
デザイナーの大西です。 Web ページなどで使うボタン作成の小技を書きたいと思います。 使い回ししやすいボタンを作るための手法のひとつとして、「違う色の背景に置いてもボケない境界線」が重要です。 淡い色合いのボタンを作る場合、そのボタンの周囲を囲む境界線も淡めの色になると思います。 淡めの境界線は白系の背景に置けばきれいに見えますが、濃い色や境界線に近い色の背景に移すと・・・ ボタンの周りがもやもやして見えませんか？ 背景とボタンの境界があやふやになるとボタンの立体感（クリックできそうな感じ）が損なわれてしまいます。 境界線のたかが 1px かもしれませんが、見た目だけでなく使い勝手にも関わる重要な部分です。 ■「違う色の背景に置いてもボケない境界線」の作り方 境界線のボケを防ぐには、暗い色を使って境界線を描き、白背景に置いてきれいに見えるように透明度を調節してやります。 暗い青色で描いた
リッチに見せるデザインテクニック。美しいぼかしで魅せる 『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。 今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。 ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。 『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。 この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。 作ったボタンや背景などのグラフィック
Mac OS X Lion のカラー絵文字が可愛い。そして怖い。
デザイナーの大西です。 Mac OS X Lion に Apple カラー絵文字フォントが追加されているのをご存じでしょうか？ Lion がリリースされてからかなり経つのでご存じの方がほとんどかもしれません。かく言う私は最近知りました・・・。 iPhone や iPad でおなじみの絵文字が Mac でも見れるとは！ さっそく眺めてみたところ、これがまた可愛い！iMac のディスプレイで見るとまた違った発見があります。iOS からは打てなかった絵文字もあり、気になったものをいくつかピックアップしてみました。 すごいクオリティの動物 絵文字らしいキャラクター的動物以外にリアル調な動物シリーズがあるのですが、そのクオリティはちょっと尋常じゃないです。絵文字というよりは動物図鑑に載っている方が自然に感じるくらいです。 並べてみるとわかりますが、ネズミや牛、ネコ科の猛獣同士でもシルエットが違います
黄金比をもっと身近に感じてみる
デザイナーの大西です。好きな四角形は黄金長方形と正方形です。 黄金比とは 1:1.618（5:8）の比率を言い、安定した美しい比率とされ芸術にも使用されています。ほかにも白銀比などがあります。 詳しくはこちら Wikipedia – 黄金比、数学的な美 レイアウトを決める際の指標としても重宝するので Web デザイナーさんたちにはおなじみと思います。 ロゴやアイコン、プロダクトでも黄金比になっているものは多く、デザイナーの端くれとしては大いに気になる存在です。 黄金比でレイアウトするためのテンプレートや Web サービスなどもあり、それはそれで便利ですが、普段使っているツールでもっと気軽に、グリッドレイアウト以外でももっと身近に黄金比を使いたい！ということで、わたしは黄金比でシェイプを作り Photoshop で使用しています。 作って 登録 比較に使用してみる フェンリルロゴ まずは黄金
アイコンデザイン時に気をつけたい 10項目
デザイナーの大西です。 アプリケーションアイコン作成時に気を付けていることを書き出してみました。 基本的な事、作った後で気づく落とし穴、確認しておきたいことなど、アイコン作成の参考にしていただければ幸いです。 また、OS のガイドラインでアプリケーションアイコンについて言及されている場合が多いです。アングルや光源、影の付け方まで細かく定められているものもあり参考になるはずです。 ボリュームのある形 アイコンサイズの正方形でアイコンを囲んだときにどれだけ隙間が少ないか、がボリュームです。 ボリュームないと目立たないですし、隙間部分はクリックできない印象を与えます。ボリュームがあるだけでクリックしやすそうな安定感があります。 隙間の少ないアイコン（左）と隙間の多いアイコン（右） キーになる色は少なめに メインの色は 1色〜2色を目安に、不要な色を増やさない方が印象的に仕上がります。ただ、煩雑に
Adobe Bridge の素敵なところ
こんにちは。デザイン担当の高取です。 Adobe の Creative Suite 製品には Adobe Bridge というメディア管理ツールがあります。私はこの Bridge を愛用しているのですが、まわりで使っている人があまりいません。 そこで同志を増やすべく、Bridge の素敵なところをご紹介したいと思います。 UI の配色をカスタム 黒よりにするか白よりにするか、けっこう細かくカスタマイズできます。 私は暗いグレーに設定してます。 * 環境設定 > 一般 ai も psd もサクサクプレビュー キャッシュしてから表示するので、サクサク閲覧でき、画像パーツのリソースを一覧したり、数十ある画面の psd データ俯瞰でみたりするときにとても重宝します。 複数のアートボードを配置した ai データだってプレビューできます。 パスバーあります ファイルの格納場所が表示されるパスバーは、内
《ＮＥＷＳ＠もっと！関西》仕方なくお金を稼いでいます--浪花節ＩＴベンチャー・柏木泰幸フェンリル社長（上）
不況の暗い影が覆う関西にも、一般的な社会価値にとらわれず、まっすぐ前を向いて輝いている人がいる。躍進中のＩＴベンチャー「フェンリル」（本社・大阪市＝写真はフェンリル社内）の社長、柏木泰幸氏（２７）。「利益追求が会社の目的ではない」と言い切る柏木社長。競争社会の中であえて“逆張り”とも言える方針を掲げるその真意とは--。 インターネットを閲覧するためのソフトウェア（Ｗｅｂブラウザ）を開発するフェンリルは、タブブラウザ「Ｓｌｅｉｐｎｉｒ（スレイプニル）」を主力としている。「スレイプニル」はパソコン上級者に支持され、今や国内シェアが５．３％と「Ｉｎｔｅｒｎｅｔ Ｅｘｐｌｏｒｅｒ」、「Ｆｉｒｅｆｏｘ」についで３位に食い込んでいる（アスキー・メディアワークス調べ）。柏木社長が「スレイプニル」の初代バージョンを開発したのは、大学在籍中の２００２年のことだった。 --ブラウザ開発を手がけるようになったき
オシャレでグッとくるエディタ、Atom
こんにちは！ウェブ開発担当の木戸です。 「Fenrir Advent Calendar 2014」も、もう 15 日目となりました。 テーマは「2014 年にグッときたコレ！」です。私が今年グッときたものは、あの GitHub が作ったエディタ Atom です！ Atom とは エンジニアにはおなじみの GitHub が開発、提供している無料のテキストエディタで、キャッチコピーは「21 世紀の Hackable エディタ」です。Mac 版が先行リリースし Windows 版も今年夏にアルファ版がリリースされました。 ベースはなんと Chromium と node.js でできており、HTML、css、javascript で動作しています。開発者ツールでコードも見られるので、HTML などの知識があれば簡単に Hack 可能で、まさに Hackable エディタですね！ 特にウェブ系の開発
カメラのキタムラと共同で年賀状をスマートフォンから手軽に注文できるハイブリッドアプリを開発しました！
こんにちは！デザイナーの福島です。 今年も年賀状の季節がやってきましたね！一年がはやい・・。 フェンリルでは今年もカメラのキタムラ様と共同で年賀状作成を支援するアプリケーションを開発いたしました。 Web サイト上で年賀状や結婚報告、誕生報告、転居報告などのポストカードを作成するサービス、『オリジナルポストカード』『デザイナーズポストカード』と連携してスマートフォンから手軽に注文できるアプリケーションです。 スマホでの年賀状作成を手軽に、多くのデザインからお気に入りがすぐに見つかります。ぜひご利用ください！ Google Play でダウンロード ・ 写真年賀状 ーカメラのキタムラー ・スピード印刷 年賀状 ーカメラのキタムラー App Store でダウンロード ・ 写真年賀状 ーカメラのキタムラー ・ スピード印刷 年賀状 ーカメラのキタムラー カメラのキタムラ 年賀状 12月11日ま
窓の杜 - 【特別企画】「Sleipnir」開発者 柏木泰幸氏インタビュー
フェンリル（株）は12日、タブ切り替え型Webブラウザー「Sleipnir」v2.00正式版を公開した。昨年11月の“ソースコードが入ったパソコンの盗難”というショッキングな事件により一時は開発中止を危惧された「Sleipnir」だが、作者である柏木泰幸氏は、翌12月には開発再開を宣言。今年6月にはフェンリル（株）を設立し、この度ついにメジャーバージョンアップを果たした。窓の杜では、v2開発も佳境という時期に柏木氏へのインタビューを行い、新バージョンの狙いや今後の開発予定などをうかがった。 □タブブラウザ Sleipnir 公式ページ(上級者向け) http://www.fenrir.co.jp/sleipnir2/ □Fenrir & Co. http://www.fenrir.co.jp/ □窓の杜 - 【NEWS】タブ切り替え型Webブラウザー「Sleipnir」v2_00正式版が公
デザインと技術のフェンリル - フリーソフトでユーザーにハピネスを
フェンリルのプロダクトSleipnir タブの切り替えさえも1フリックで片付く。 最速タブのモバイルブラウザ。 日本放送協会NHK ニュース・防災 ニュースや災害情報、防災に役立つ 情報などをいち早く届ける、NHKの公式アプリ。 フェンリルのプロダクトNILTO 磨き込まれたインターフェースで、 チームの理想を実現するヘッドレスCMS。 株式会社大丸松坂屋百貨店 株式会社JFR情報センター大丸・松坂屋アプリ 全国14店舗の「大丸」「松坂屋」の 便利でお得なアプリ。 東海旅客鉄道株式会社EX アプリ 新幹線の指定席予約、変更等が行える 「エクスプレス予約」「スマート EX」の公式アプリ フェンリルのプロダクトBrushup イラスト・写真・動画などのレビューを効率化。 高速コミュニケーションツール。 GROOVE X 株式会社LOVOT 世界に1体、あなただけのLOVOTと 楽しく過ごせるア
タブブラウザ「Sleipnir」の「フェンリル」の知られざるオフィス写真集＆1人の個人から100人を超える企業に成長するまでの物語
よくあるような「スタートアップ」や「起業」が最初はみんなに注目されるもののそのあとは鳴かず飛ばずの状態が続き、いつの間にか消えてしまうのが大半なのに対して、たったひとりの個人で開発を始め、さらに法人化、ほとんどの会社が10年以内につぶれてしまう中で少しずつ着実に成長を続け、ついに10周年を迎えようとしているのが、国産のブラウザとしては最も大きいシェアを誇っている「Sleipnir」の開発元である「フェンリル」です。成長する中でぶつかっていくさまざま艱難辛苦を乗り越えてきたからこそ、ここまでの年月を持ちこたえ、さらに成長し続けているからには、今に至るまでにはきっといろいろなものがあるに違いないはず！ということで、秘密のベールに包まれていた「フェンリル」の社内を撮影することに成功、それだけでなくいろいろなこれまで知られることのなかった話を関係者にインタビューすることにも成功しました。 デザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フェンリル(株) - マイナビ2016
フェンリル(株) - マイナビ2016
Fenrir & Co. わずか3.4MB、USBメモリで持ち運べる "Portable Sleipnir " を発表
VanApp - アプリに最新技術と独創的アイディアを
