ミニマリズムをデザインに正しく取り入れることができれば、形態と機能の美しい融合の恩恵を享受することが可能です。 使い易くてシンプルなアプリほど理想的なコミュニケーションの形はありません。 が、これにはいくつか注意が必要です。 本記事では、デザインにおけるミニマリズムの使用のコツをまとめました。 シンプルな配色パターン シンプルなカラースキームを使うことでユーザエクスペリエンスを向上させることができます。 慣れないうちは色を一つに絞って明度や彩度でバリエーションを増やした配色や、同系色（色相環で隣り合う3色を使用）の配色から挑戦するのがおすすめです。 ぼかし効果 ぼかし効果を活用することで、UIのシンプルさを保ちながらもレイヤーやインターフェイスに強弱をつけることができます。 タイプフェイスは一つに統一する 一つのアプリ内で複数のフォントを使うと全体的に野暮ったく見えてしまいます。 強弱をつ

このブログはWebサイトのデザインや制作に関することを中心に色々なジャンルに基づいて書いているのですが、そもそもWebデザイナーが何なのか？を書いたことがなかったので、今回具体的に書くことにしました。 Webデザイナーと一口に言っても、在り方が様々なので、人によっては該当しないこともあるかもしれませんが、この業界を目指す人にとっては一つの指標となると思います。 目次 Webデザイナーの仕事 ヒアリングとスケジュールについて 情報設計（IA・情報アーキテクチャー） UIデザイン モックアップ・プロトタイプの作成 ページのデザイン コーディング 仕事の分担 Webデザイナーの種類 インハウスのWebデザイナーについて Webマーケティング SEO SEM 広告運用 必要なスキルや知識 資格 Webデザイナーになるには スクールを利用する 職業訓練校に通う セミナーに参加する 独学で学ぶ Web

インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…？？ まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか？ どういう経緯で買ったのかも知りたいです。 女子大生： このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな？」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写

片桐裕司ハリウッド映画のお仕事 ハリウッド映画のキャラクターデザイン、制作をしております。日本で人気のあったパシフィックリムのメインロボットのデザイン造形やパイレーツオブカリビアン命の泉の人魚なども造っています。最近は『GEHENNA〜死の生ける場所』という映画を監督しました。 今までの経験談や馬鹿話、ためになる話など色々と発信していこうと思います。 パート１からの続き 結局私はオザールのデザインをいくつかすることになりました。 悟空が変身するかっこいいエイリアン。 名前はOozaru にして大猿にあらず。 禅問答なのか？ 私は何かを試されているのだろうか？ そこにいる誰にも理解されない矛盾を心に抱え、記憶から消し去りたい日々がいよいよ始まる、、、 これほど気持ちが乗らない大作ってかつてあっただろうか！？ (オザールの造形。これはJordu Shellというアーティストのデザインを自分なり

Try experimental new features. Sign up to participate in user experience research studies and get rewarded for your time.

Googleで開発中の謎の新OS「Fuchsia」が具体的なものになりつつあり、ユーザーインターフェースが搭載された。 Ars Technicaの記事によると、「Armadillo」と呼ばれるこの新UIは、複数のアプリを管理するためにカードベースのデザインを採用しているようだ。この新インターフェース（Hotfixit.netが最初に発見した）では、カードをドラッグで移動させて、分割画面フォーマットで使用することができる。 Fuchsiaが最初に姿を見せたのは、2016年8月のことだ。Googleは同OSについて、「現代のスマートフォンと現代のPC」向けに設計されたOSと曖昧に説明している。状況を複雑にしているのは、同OSが「Magenta」と呼ばれる新カーネルをベースとしていることだ。一方、Googleの「Android」OSは、1991年から存在するオープンソースのLinuxカーネルをベ

ひと昔前まではデザインもコードも手作業が多かったですが、最近ではさまざまなタスクに自動化が取り入れられ、効率的に進めている制作者の人も多いと思います。 そしてここ1,2年の間で、Web業界にもAIが少しずつ進化し、実用的なレベルまで達しています。 WebのUIをデザイン、そしてコードにも対応したオンラインサービスを紹介します。 有料のものが多い中、本サービスは一部制限されますが、無料で利用できます。 Huula -Web Design+AI Huulaの特徴 Huulaの使い方 Huulaの特徴 Huulaはデザインがゼロの状態から始めることもできますが、既存のWebサイトをリデザインすることもできるのが大きな特徴です。 下記のようにURLを指定し、Webページをインポートし、さまざまなデザインやコードを変更することができます。 既存のWebサイトをリデザイン さまざまなUIコンポーネント

Adobe/Macromedia Fireworks がCS6で新規開発が停止になったのは丁度2013年の今日5/7。Fireworksユーザに衝撃とやっぱり感が襲った日でした。記念日でもあるので今回はデザインツールGravit Desinger v3を紹介したいと思います。 2017/05/07現在バージョンはv3.0.5。私が試したのはWindows版で他のプラットフォームで試したわけではないことに注意してください。 2017/05/09追記：日本語の表示は、日本語フォントをimportした上テキストのSpace(Char)を20前後にすると一応できます。しかし、直接のタイプはできません。 限りなく全てに近いクロスプラットフォーム対応！Gravit Desiner v3は、MacOS版、Windows10版(Store版とインストール不要なバージョンがある)、さらに、Linux版、Ch

DribbbleとBehance、どちらも機能面は似ています。作品公開に意欲的なクリエイターは両サービスに作品を投稿していることが多いようです。 無料のデザイン素材が公開されることも DribbbleとBehanceにはかなりレベルの高い作品が投稿されているのですが、中には無料で使用できる素材を公開している方もいます。今回はそれらの無料素材のうち、とくに高品質なものを厳選して紹介します。 アイコン 高品質な立体アイコンセット 1つ1つが綿密に作り込まれたハイクオリティーな素材です。ダウンロードは無料ですが、Dribbbleではなく他ページ上から行う必要があります。下のリンク先のページの「Download the package」をクリックするとダウンロードが始まります。形式はPNGとPSD。

※10/25 追記：USB Type-Cタイプの磁気充電ケーブルをレビューしました。 【レビュー】マグネット式の充電ケーブル「dodocool USB Type-C磁力ケーブル」は今年のベストバイアイテム - +ログ こんにちわ。ORIH(@orih_k517)です。今日は『＋ログ』の記事を読みに来ていただきありがとうございます。 USB Type-Cが普及していく中で、まだまだMicro USBはいろんな機器で使われており主流のケーブルです。 今回はMicro USBのコネクタ部分が磁気になっており、ケーブルとコネクタ部分を0.5秒で着脱可能な「dodocool Micro USB磁力ケーブル」を紹介、レビューしたいと思います。 もしMacBookをお持ちの方ならMagSafeのMicro USB版と考えてもらえるとわかりやすいと思います。 dodocool Micro USB磁力ケーブ

スマホのfont-sizeの指定で良さげな指定方法を見つけたのでご紹介いたします。 特に見出しなんかの大きな文字を使用する場面で活用できそうです。 スマホあるある見出し改行しちゃう問題 スマホのコーディングしてると、見出しやキャッチコピーなどちょっと大きい文字がデバイス幅によっては改行位置が意図しない場所になってしまうことってありませんか？ スマホデバイスの多様化に伴い結構直面する問題な気がします。 せっかくのデザインがそれだと残念ですよね。 fontをvminで指定すると改行せずに文字サイズを小さくもできる そこで登場するのがvminです。これをfont-sizeの指定に使うことで改行せずに見出しをコーディングする事ができます。 百聞は一見にしかず。早速デモを見てみましょう。 font-sizeをvminで指定したデモ デモを作りブラウザ幅の変化によってどう変わるかをGIFアニメにしてみ

東映のアニメ「正解するカド」が話題となっているようです。 seikaisuru-kado.com 私もAmazon プライムで初回から見てきていて、そのストーリー展開の面白さから、毎回の放映を楽しみにしています。 フラクタル図形がメインに位置づけられていて、幾何学好きには嬉しい設定です。 これまでの話の展開として、無限の電力を生成できる謎の球体「ワム」が登場するのですが、つい先日に放映された第5話では、そのワムの製造を紙を折ることで実現するシーンが登場しました。 私は、以前から球体の折り紙を設計、制作してきていましたので、事前に制作サイドから連絡をいただき、「資料協力」という形で関わらせていただきました。 （と言っても、実際には何もしていません。。私がこれまでにインターネット上で公開してきた情報を参考にしていただいただけです。） 最初にお問い合わせをいただいたときには、「正解するカドってな

考え抜いた構成、文章をどうアウトプットするか。最後の難関が、デザインだ。孫正義社長の資料作りを数多く担当し、数々のプレゼンを勝ち抜いてきた達人が教える。 ＜デザイン編＞ 「プレゼンというと、話し方のほうに注目がいく傾向がありますが、経験上、特に社内に向けたプレゼンは資料で9割決まると考えています」 というのは、ソフトバンク在籍時、「ソフトバンクアカデミア」という後継者育成機関の第1期生として1位を獲得した前田鎌利さん。その後も、孫正義社長のプレゼン資料の作成も担当していたという資料作りの名手だ。 編集部員Tが新雑誌の企画を社長にプレゼンしたときのこと。慣れないパワーポイントでようやく仕上げた資料だったが「見づらい」と一蹴された。あの情報を入れなければ、この情報を説明しなければという思いに駆られて、書き込みすぎた典型だ。情報が必要以上に多い資料は、ツッコミどころが増えるうえに、記憶に残りづら