Photoshopでの作業を劇的に効率化してくれる無料のレイヤースタイルをご紹介します。 これさえあれば、スタイルボタン１つ押すだけで、手の込んだレイヤースタイルをオブジェクトやテキストに適用することが可能になります。 こんな便利なものを使わない手はありません。 今回はそんな便利なPhotoshop用レイヤースタイルのうち、無料で利用できるレイヤースタイルを1000以上集めてみました。 これらのPhotoshop用レイヤースタイルで作業時間を大幅に短縮していただければ幸いです。 ダウンロードしたレイヤースタイルをPhotoshopで利用する方法 具体的にPhotoshop用のレイヤースタイルをご紹介するために、ダウンロードしたレイヤースタイルをPhotoshopで利用する方法をご紹介します。 まだ、使ったことがないという方は参考にしてみてください。 aslファイルをApplications

制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd

フォーム周りでCSSを使ってスタイリングしていく際に、個人的によくど忘れしてしまうものや便利だと思うプロパティやスニペットをまとめました。 全体的に普段からCSSをよく触っている人にとっては特別目新しいものはないかと思いますが、まだCSSを触り始めて間もない方やこれからCSSを触ってみようという方は覚えておくと便利だと思うのもいくつかあるので参考にしてみてください。 紹介している内容はブラウザ（特にIE9以下）によっては使用できないものや表示確認ができないものもいくつか含まれています。 各要素のデフォルトスタイルを削除 フォームで使用するinputやtextareaなどの要素はブラウザやデバイスによって見た目は異なりますが、予めボーダー・グラデーション・角丸といったスタイルが適用されています。 特にこだわりがなければこのまま使用したり、多少手を加えるだけということもありますが、異なるブラウ

人の将軍の指揮の下、数千の軍勢がぶつかる戦術シミュレーション『Dawn of Titans』の動画が公開された。 開発は『Clumsy Ninja』や『CSR Racing』などのNatural Motion Game。 Natural Motion Gameのゲームはいつも驚異的なグラフィックを見せつけるが、今回は今までよりさらに1段すごい。 このゲームは独自開発のEchoエンジンを使用し、スマホの画面で同時に7,000人の兵士を1画面で動かせるのだという。 まさに超スマホ級。ゲームの発売が待ちきれない。 こちらが動画。映像はすべてゲーム内のものとのこと。 バトルシーンではドラッグ操作で部隊の動きを設定する。 部隊をドラッグし、進路を定めると……。 戦いが始まると同時に兵士たちが雪崩を打って攻め上げる！ 巨人の指揮官は、多数の兵士を一度に攻撃できる。 大勢の兵士が一度になぎ倒される様子も

メインのお仕事がAndroid UI担当になって早1年。 今年は絶対に月に1回はブログを更新すると決めました。 こんにちは。YUKIです。 AndroidのUIデザイン関連でこまめにチェックしている資料をまとめてみました。 これからAndroidのUI関係の情報を集める方、Material Designのガイドラインが発表されてからどう変わったのか収集中の方の参考になれば幸いです！ (2015/1/10 現在) ドキュメント関係 公式資料関係 Material Design ガイドライン http://www.google.com/design/spec/material-design/introduction.html まずは読み込んでMaterial Designの思想を理解 Google Developers Blog http://googledevelopers.blogspot

UIデザイナー向けのアプリケーションやツール、プラグインについて 定番含め網羅的にまとまってる記事って見たことないなーと思ったので とりあえず作ってみました。(すごく長くなってしまったので記事分けしました) 僕がMacユーザーということもあり、8,9割はMac寄りの選定になっています。 その辺はご了承の上ご覧くださいませ mm (参考までに現在私が使っているものには“※”をつけました) ということで、第1弾 “止まっている状態のUI制作関連” です。 UI制作系アプリケーション Adobe Photoshop ※ デザイナー定番のビットマップ画像編集アプリケーション。 デファクトスタンダード的存在でプラグインなども多い。 慣れの問題含めこれ以外を使う理由が無いためだいたいこれ。 Windows : 可 Adobe Illustrator ※ デザイナー定番のベクター画像編集アプリケーション

こんにちは、すっかり秋ですね！@yone098 です。 みなさんDBの設計してますか？ DB設計時のサイズ見積り 以前はてなダイアリーで書いた記事は5年前のものであり、リンクが切れているものがあるので最新版として MySQL, PostgreSQL, Oracle, SQLServer におけるDB設計時のサイズ見積りをまとめ直しました。 URL内のバージョン表記を変えると以前のバージョンの情報になります。 MySQLは、あまり情報に変化は無かったので Excel でマクロなどを作成して自社で自動算出出来るようにするのが良いと思います。 データタイプごとに必要な要求ストレージが決まっているのでレコードサイズが決まり、あとは要件次第で何レコードになるかを予測します。 データタイプごとに必要な記憶容量 テーブルの最大サイズ関連 http://dev.mysql.com/doc/refman/5

先日開催された Unite 2014 Seattle で Unity Cloud Build というサービスが発表されました。 クラウド上でプロジェクトのビルドを行い、結果を通知してくれる CI（継続的インテグレーション）と呼ばれるものです これを用いれば WebPlayer, Android, iOS 向けのビルドをプロジェクトが 置いてあるサーバーをポーリングして、更新があったらビルドしてくます。 Unity Cloud Build で iOS のビルドを行えるので、 もしかしたら開発は Windows でやってビルドは Unity Cloud Build に任せれば、 iOS向けアプリの開発を Windows で行えるのでは！？と思い試してみました。 iOS Developer Program の登録 iOS の実機開発には iOS Developer Program への登録が必要

2014.10.29 / Prototyping, UI アプリ制作でプロトタイピングを導入する前に知っておきたいこと Ryo Yoshitake Form、Launch、Mitya、Origami、Pixate、Prott、Weld… これらが何であるか、みなさまはご存知でしょうか。 実は上に挙げたのは、ここ1年間で世に出たモバイルアプリ・Webページ用のプロトタイピングツール / サービスの名称です（まだローンチしていないものも含めればもっとあります）。 ここ2年ほどで、アプリを中心としたプロトタイピング市場は急激に拡大しており、すでに知られているメジャーなものも含めればその数は優に30を超えます。 それゆえに、プロトタイピングに興味を持ち始め、これから使ってみたいと考えている方の多くは、どのツールを使えばよいか迷っているのではないでしょうか。 しかし、プロトタイピングを行う上ではツー

7 April. 2014 Sooo...mages, right? Now the big question we'll halve to wait and see on is whether any of this magic real or if are they all just being delusional. A fight against a "troll" (whatever that'll end up being) with delusional non-magic could be interesting to see, hm? Back when we had the nations-overview page a couple of people wondered how I'm handling these vertical double-pages for

10/21 (火)、ネットイヤーグループの UI/UX 勉強会に、STANDARD Inc の鈴木健一さんと鈴木智大さんをお招きして講師をお願いしました。STANDARD Inc は、FICC からスピンアウトした鈴木健一さんが設立した会社で、今話題の「SmartNews」アプリの UI 設計などにも関わった実績のある会社です。 彼らとは、ブログ記事「情報がないことを伝える UI デザイン」を読んだことがキッカケで、直接コンタクトをとったことに始まります。 そのブログを書かれた鈴木智大さんのほうからは「利用中の体験とUIの間を繋ぐブリッジビルダー」というタイトルで「UI Flows」というツールについてお話いただきました。UI Flows の記事を日本語訳した記事「UI のフローをデザインするための簡易記法」も発見。 画面遷移図というと、どうしても画面（ボックス）どうしを線でつなげた図を思

日々、いろんな海外メディアの情報を追っているのですが、改めて日本におけるメディア関連データで気になるものを足下から整理しようと思い、調べてみました。 1. スマートフォンの所有率 （出典：ビデオリサーチインタラクティブ | プレスリリース） 昨年の時点でガラケーの所有率をスマホが上回っていたようですが、今年はさらに差が広がっていますね。特に女子学生（85.2%）、男子学生（78.3%）のスマートフォン所有率が高いとのことです。タブレットもじわじわ増えています。 2. スマートフォン加入者数 総務省によれば、日本にはインターネット利用者数が9652万人いるようです。また、IDC Japanの2013年～2017年の国内スマートフォン加入者数予測によれば、2014年には6277万人に、2015年には約7000万人がスマホを持つことになりそうです。 3. スマートフォンの利用場所とシーン ヤフー

【※保存版】WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。2014.10.13 WEBデザイナーは技術はもちろん、手持ちのリソース（情報など）が多いほど有益なデザインを完成させることができます。 しかし海外の素材サイトは、ウイルスリスクの懸念や利用規約も英語で理解できなかったり曖昧だったりでちょっと怖いイメージがあります。特に商用で利用したい場合にはしっかりと利用規約を確認することができる日本で運営しているサイトのが安心ですね。 ここでは本当に使えるWEBデザイナーご用達の商用フリーの素材サイトをまとめました、デザイナーに限らず趣味でサイトを運用している方にも保存版の8サイトをご紹介します。 PAKUTASO5000枚近く（2015/10時点）の写真素材を保有するパクタソは管理者の方が手間を惜しまず写真を1枚1枚選別し、さらにノイズ処理や補正、トリミングなどを行

今日は小ネタです。Android（やiPhoneも、たぶん）のブラウザで、Firebugを使ったり、「ソースを表示」をする方法を解説します。 スマートフォンでブラウザを使っていて、表示しているページのHTMLソースを表示したり、DOMツリーを見たりしたくなることはありませんか？ といってもChromeモバイルにはFirebugや開発者ツールがあるわけでもないですし、わざわざデスクトップPCに接続して開発者ツールでリモートデバッグするのも面倒ですよね。 そこで、次のブックマークレットを使います。 Google ChromeモバイルでFirebug Liteを使うためのブックマークレット Firebug LiteGoogle ChromeモバイルでHTMLソースを表示するためのブックマークレット HTMLソースを表示ブックマーク作成は、デスクトップ版のChromeでリンクをブックマークバーにド

残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると

260万もの画像がFlickrを通して大量放出されました。なんとその数は増え続けていて、最終的には1400万にも昇るそうです！！　途方も無い数字ですね！ Flickr: Internet Archive Book Images’ Photostream 書籍をデータ化するプロジェクトは数あれど、画像をデータ化するプロジェクトは珍しいですね。 BBC News – Millions of historical images posted to Flickr BBC newsさんによると、今まで文字だけを認識して読み込んでいたコードに手を加え、画像を抽出するようにしたそうです。その数なんと1400万！　現在はFlickr上で260万枚がパブリックドメインで公開されています。 パブリックドメインは著作権や商標権が無い状態の事で、素材としての利用は勿論、商用も可能です。これは嬉しいですね。気兼ねな

遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony Tablet, Nexus 7 などのタブレットではスマートフォン用のテーマで表示されるはずです。 iPad は、PC 用のテーマのほうが見やすいと感じたのでそのままにしています。 なぜ今までスマートフォン用のテーマを作っていなかったのか 一番大きな理由は「見づらいというご意見をいただかなかったから」です。 また、昨年まではスマートフォンからのアクセスは 10% ちょっとしかなかったため、それほど必要性を感じていませんでした。 とはいえ全く何の対応もしていなかったわけではなく、iPhone や Android の場合は、本文のフォントサイズが少し