![JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6b1c87ada2ad66409793e3653c810e333009609/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2019%2F12%2Fsite-icon.png)
はじめに こんにちはー!! UI設計やってますか? 今回は「ペーパープロトタイピング」の話。 アプリでは主流になってる現場も少なくないですよね! 今までのやり方とペーパープロトタイピングの違いや、 プロトタイピングツール「POP」と「Prott」の比較の話なんかをしようと思います! 今までのアプリUI設計 Webデザインと同じ方法でアプリ設計を行っている場合、手順は ●ワイヤフレーム→モックアップ→実装 厳密に言うと ●①ヒアリング→②ワイヤフレーム→③レビュー→④モックアップ→⑤レビュー→⑥実装→⑦レビュー デザイナーがいないと ●①ヒアリング→②ExcelでUI設計→③レビュー→④実装→⑤レビュー って場合も結構多いと思います。 これ結構時間かかりますよね~。 しかも! 大抵の場合、実装後のレビューの段階(つまり最終段階)で 「やっぱここ動きおかしいよね!直せる?」 「・・・。(えー!
【Web担当者へ捧ぐ】CMS選びはどこに注目すべき?現役デザイナーが「BiNDup」をガチレビューしました! こんにちは、Webデザイナーのありさんです。 LIGではいつもお客様の要望をヒアリングしながら、サイト制作をしています。 LIGのWebサイト制作では、基本的に職種ごとの分業制になっていて、ディレクター、デザイナー、フロントエンドエンジニア、バックエンドエンジニアが一つのチームになって作業を進めていきます。 その中で、私のようなデザイナーは、ワイヤーフレームやデザインの作成を主に担当しています。 でもLIGのようなWeb制作会社ならまだしも、突然一般の企業が自社サイト制作のために複数人をあてて分業制を敷くのって、コスト的に難しいですよね? 私もLIGに入る前、前職の自社サイトの制作・運用はすべて自分たちだけでやっていました。 ちなみに当時のスキルセットはこんな感じです↓ Web制作
2019年末ごろより見かけるようになった、「ニューモーフィズム(英: Neumorphism)」。「スキューモーフィズム」のリアルな質感と、フラットやマテリアルデザインのようなシンプルさを組み合わせた新しいスタイルです。 ニューモーフィズム?CSSコピペ実装できる新Webトレンドの参考HTMLスニペット、ツールまとめ 今回は、ニューモーフィズムを人気定番CSSフレームワークBootstrapで再現し、200種類のUIコンポーネントを揃えたHTMLテンプレートNeumorphism UIをご紹介します。 ウェブサイトやアプリ作成に必要なコンポーネントが一式揃っており、各種ページデザイン5種類も収録しています。これから、ニューモーフィズムをつかったサイト制作を考えていたひとは、活用してみてはいかがでしょう。 ニューモーフィズムをBootstrapフレームワークで再現した、無料UIコンポーネント
ホームページ制作の際に重要な資料の1つが、「サイトマップ(サイト構成図)」です。 特にリニューアルの際に既存のコンテンツを整理するのに非常に重宝します。 しかし、業界的にサイトマップのフォーマットはバラバラ。 サイトマップってどうやって作るの?必要なの? 簡単にサイトマップをつくる方法ないの? 専用のツールを使わずエクセルやパワポ作りたい・・・ とお悩みの担当者の方も多いかと思います。 本記事では、そもそもサイトマップはどうやって作成するのか? というところから、Excel(エクセル)を使った簡単作成法まで丁寧にご紹介します。 「初めてホームページをリニューアルする」「コンテンツの量が多いのでサイトマップを作って整理をしたい」という方は是非実践してみてください。 ※エクセルのサイトマップテンプレートをプレゼント 本記事で使用するサイトマップのテンプレートを、Excel形式でプレゼントいたし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く