ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

デザイン

ハイブリッドアプリを作るのに使いたいUIフレームワーク10選

Monacaを使えばiOS/Android両方で動作するハイブリッドアプリが開発できます。しかしハイブリッドアプリという技術上、特定のUIフレームワークがありません。そのためアプリっぽく動作する部分を自分で工夫しなければなりません。 しかし、そのためのUIフレ…

2015年に出てきたハイブリッドアプリにも使えるCSSフレームワークまとめ

今回は2015年に出てきたCSSデザインフレームワークを紹介します。これらはレスポンシブになっていますので、タブレットやスマートフォンアプリでの利用もできるはずです。

デザインしている時間がない!そんな時に便利なUI Kit配布サイトまとめ

アプリやWebサイトに限らず、一からデザインを作っている時間がない時に便利なのがUI Kitです。基本的なデザインが作られたデザインファイルを使えば、後は大きさを変えたり色を変えることでさくさくとデザインが作成できます。今回はそんなUI Kitをまとめて…

マテリアルデザインのフレームワークサイトまとめ

2014年にGoogleからマテリアルデザインのガイドラインが発表され、2015年7月にはGoogle公式のマテリアルデザインコンポーネントであるMaterial Design Liteが発表されました。ここ最近注目を集めているマテリアルデザインのフレームワークサイトをまとめてみ…

Monacaアプリにも!Web Font/SVG/CSSアイコンまとめ

スマートフォンはどんどん高解像度化しており、画像リソースはどんどん大きくなっています。それだけアプリが肥大化してしまうと利用するユーザもダウンロード待ちに疲れてしまうでしょう。 そこで代替手段になりえるのがWeb FontやSVGアイコン、そしてCSSフ…

Apple Watchのアプリデザインに使えるデザインテンプレート×14選

ついにApple Watchが4月10日より予約開始と発表されました。それに合わせてApple Watch向けのアプリを開発したいと思っている方も多いのではないでしょうか。UIがさらに小さい分、これまで以上に情報設計が問われるようになるでしょう。 そんなApple Watchア…

アプリのモックアップ作成に使いたい。フラット&単色のアイコンセットまとめ

アプリの画面は小さいので文字ではなく、アイコンを上手に使って説明していくのが基本です。そこでアプリの企画をする際にもアイコンの配置を考えて行っていかなければなりません。 そこで使ってみたいのがフリーのアイコン集です。今回は特にトレンドに合わ…

アプリ、Webサイトのデザイン制作を加速する!デザインフィードバックサービス×6選

アプリやWebサイトの制作に大きな影響を及ぼすのがデザインです。何パターンも作ってじっくり検討したり、まずはワイヤーフレームを作って、意見を聞いて取り込んで修正する…なんてフローを重ねて完成度を高めているのではないでしょうか。 そこで今回はアプ…

アプリ企画で役立つ。スマホ上で動くワイヤーフレーム/モックアップ作成ツールのまとめ

iOSやAndroidアプリの開発をする際に、まず必要になるのがデザインや動作がどういったものになるのかというワイヤーフレーム/モックアップではないかと思います。特にアプリの場合、画面遷移を含めてどう動くのかを見ないと何となく実感もわきづらいというも…