はじめに こんにちはー!! 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形式でプレゼントいたし
WordPressサイトの画像を軽量なAVIFに変換できるプラグイン「ShortPixel Image Optimizer」 2024.04.26
今回は、ブログ運営をするのにおすすめしたいWordPressテーマを紹介します。 私自身、WordPressのテーマを開発しており、ある程度テーマには精通しています。 今回紹介するテーマは、全て利用した上でおすすめをしています。 ブログ向けのWordPressテーマをお探しの方は是非参考にしてください。 テーマは有料と無料どちらがおすすめ? テーマには有料のものと無料のものがあります。 無料のテーマはお金がかからないというメリットがある反面、デザインと機能を両立させたものがほとんどありません。 デザインにこだわりがない、機能さえよければ良いのであれば、無料でも問題はありませんが、デザインにもこだわりたいのであれば有料がおすすめです。 また、無料テーマは更新が止まってしまうことも多いです。 現在頻繁に更新されている有名な無料テーマは、「Cocoon」くらいで、他は更新が止まっています。 長く
ZENO-TEALの特徴 トップページをカード型にレイアウトしたテーマです。メインカラーにMaterial Designでよく使われるTealを使っています。全体的にフラットに仕上げました。 使い方と注意事項 トップページはカード型ですが、広告が表示される場合は各記事の上に大きく表示されてしまいます。なのではてなブログProで広告非表示にしている方でないと、使うのはおすすめしません。 広告が出ている場合、Googleアドセンスのポリシー違反になる恐れがあるので、無料版では使わないでください。 各記事の一番最初に画像(16:9が望ましい)があることが前提となっています。(それがトップページに表示されます。) 「続きを読む」を入れている必要があります。 レスポンシブ対応しています。 はてなブログの設定から、トップページの記事数を偶数にすることをオススメします。 デモサイト http://zen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く