hitode909のブックマーク - はてなブックマーク

Sleipnir 3 for Mac には、なぜアドレスバーがないのか
こんにちは！UI デザイン担当の松野です。今日は、Sleipnir 3 for Mac で私が大事にしていることについて書いてみます。それは、アドレスバーがないことです。アドレスバー、いります？私には以前から考えていた疑問がありました。それは「アドレスバーは誰のためのものだろう」ということです。というのも、少なくともそれは「今の人々のためではないな」と思っているからです。ウェブブラウザといわれるアプリケーションには、実に20数年の歴史があります。登場当時、インターネットには今ほど多くのウェブページがあったわけでもなく、Google もなく、人々は決まった URL をアドレスバーに打ち込むことも多かったことでしょう。また、インターネット黎明期にはまだまだコンピュータ技術者などの専門家のためのものでした。歴史に名を残す偉大なアプリケーションのひとつ「NCSA Mosaic」。 19
hitode909 2017/05/19
リンク
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
こんにちは、イメージ担当の長谷川です。今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定するまずグラデーションの設定をします。長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。次にノイズを適用量：10で追加します。これが同心円状のヘアラ
hitode909 2012/03/12
金属テクスチャ
リンク
リッチに見せるデザインテクニック。美しいぼかしで魅せる『MAX 塗り』のすすめ。
こんにちは、イメージ担当の長谷川です。今回は 1px にこだわったリッチな Web や UI デザインを更に立体的で奥行きのある雰囲気にする『MAX 塗り』を取り入れたグラフィック作成手法をご紹介します。ところで『MAX 塗り』ってご存知ですか？ガンプラなどが好きな方はピンと来たと思いますが、プラモデルなどに興味がない人は全く分かりませんね。『MAX 塗り』とはプラモデルに立体感を出すためにエッジから中央に向かってぼかしていく、昔からある「ぼかし塗り」や「グラデーション塗り」の技法です。この技法で塗装されたプラモデルは単純に塗装したものより格段に迫力や存在感が上がります。プロモデラーの MAX 渡辺さんが良く使うプラモデルの塗装技術として通称『MAX 塗り』と呼ばれています。 Web や UI にこの『MAX 塗り』を取り入れる方法は簡単です。作ったボタンや背景などのグラフィック
hitode909 2011/11/12
最近っぽい
リンク
フェンリルのエンジニアを大解剖！なアンケート結果
iOS App 開発担当の松本です。フェンリルには色んなエンジニアの人達がいます。僕は iOS 担当なので、Windows 版 Sleipnir や Sleipnir Start を作っている他のチームの人達が、どんなツールや環境で開発を行っていて、どんな嗜好を持っているのかとても興味がありました。そこで先日社内のエンジニアの人達に協力いただきまして、以下のアンケートを取ってみましたのでご紹介します。 1. 好きなエディタ/開発環境 2. 好きなキーボード 3. 好きな言語 4. 好きなLL 5. これから覚えたい事 1. [エディタ／開発環境] IDE強し。Vim/Emacs健闘。根強い秀丸。まずは定番の好きなエディタ/開発環境です。やはり定番 IDE である Xcode, Visual Studio, Eclipse が強いですね。業務で使用している環境を愛してしまったようです。
hitode909 2011/06/17
おもしろい
リンク
1