Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのアイデア -2018年5,6月
デザインで悩んだ時には、新鮮なアイデアに触れてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのアイデアを紹介します。 今まで使用されてたデザインのトレンドにも一手間加えられて、より使いやすく、洗練されたものになっています。 3 Essential Design Trends, May 2018 3 Essential Design Trends, June 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 スクリーンいっぱいの写真画像 分割スクリーンの新しい考え方 透明度を抑えたカラーオーバーレイ ナビゲーションの小型化 注意を引き付けるカットアウトとレイヤー 早回しの動画 スクリーンいっぱいの写真画像 ヒーローイメージは、スクリーンいっぱいの写真画像でさらに大きくなっています。新しい重要
任天堂デザインの輪郭 / UI Crunch #13 娯楽のUI イベントレポート｜スワン
こんにちは、スワンです( 'ω') noteではしばらくご無沙汰してたのですが、今回激戦を極めた「UI Crunch #13 娯楽のUI」に奇跡的にnoteレポート枠で受かったので、花金に早々に仕事を切り上げてご機嫌でイベントに行ってきました。 噂によると倍率40倍近くだったそうで「全盛期の東京芸術大学の受験倍率かよ」って突っ込みたくなりました（笑）ありがたい機会をゲットしたとともにいけなかった方々にこの興奮を還元するべくゴリっとイベントレポートをまとめてみようと思います。 前がき私事ですが、ちょうどこの春で働く環境が変わり、株式会社メルペイでデザイナーとして働くことになりました。社会人になって初めての、自分を取り巻く「場所」や「人」が大きく変わる体験。そしたら、まだ働き始めて本当に間もないのだけど「場所が変わるとこんなにも入ってくる情報の種類が変わってくるんだな〜」という予想外の驚きが
デザインの基本日記 「配色編」｜Design Beginner
配色がうまくいかない場合の多くはたくさんの色をついつい使ってしまった結果招いていることが多い。まずは2色で配色をしてその上で少しずつ色の調整をすることによって、まとまりのあるデザインが作りやすくなる。 一般的に言われている配色は、ベースカラー7割、メインカラー2割、アクセントカラー1割。一番表現したいことをアクセントカラーにすることで表現したいことが何かはっきりわかりやすくなる。 なんとなく落ち着いていて物足りない場合、色相環で反対の色をアクセントカラーに持ってくるとインパクトがでる。この色相環の反対の色を反対色や補色といったりもする。 逆にガチャガチャして色がうるさい場合は、色相環の隣り合った色数色を選び配色することで全体的にまとまった印象になる。この色相環の近くにいる色のことを近似色と呼ぶ。 配色を決める場合、いくつかの軸があるが、何を表現しなければいけないかというテーマによって配色を
デザインの筋トレ〜伝説の世界的デザイナーに教わった観察力を磨くとっておきの訓練法〜｜ヤマシタ マサトシ
先日話した寸法感覚の話に続いて、今日は観察力を磨く方法の話をしましょう。 ちなみにこのトレーニング方法、僕のオリジナル・・・ではなく、世界的インテリアデザイナーであり天皇陛下から芸術選奨と紫綬褒章まで授与されている、偉大なる恩師の故・内田繁先生直伝の方法です。 内田先生曰く 「これをちゃんと毎日続けて3年間やれたなら、お前はきっとすごいデザイナーになっているだろう。」と言われていました。 実際、僕は3ヶ月で挫折してまた再開しては挫折して・・・を繰り返していますが、それなりに食べていけるレベルのデザイナーにはなれました。 それくらいこのトレーニング法は効果絶大です。学生時代から10年くらい続けていたらヤバいレベルに到達できるかもしれません。 その方法とは・・・ と、本当は秘密にしておきたいところですが、未来のデザイナーの卵たちのためにトレーニング方法を丸っと公開しておきます。 （900超えの
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
小規模な組織でのデザイナー教育で工夫してること｜kazuma nishiwaki
前提教育プログラムが定まっていない小規模の組織で、インターン・アルバイトに対して、どのようにデザイン教育をしていくか 課題（悩み）教育とリターンのバランス 即戦力じゃない人にデザインを覚えてもらいつつ、組織へのリターンのバランス 時間的制約 インターンやアルバイトの場合、フルタイム勤務ではないので間が空いてしまう。学生さんだとテスト期間を挟むと１ヶ月ほどのブランクも。 また、１年や２年で一度卒業することを前提とするため、卒業を見据えた着地も考える必要がある。 めざすゴール長い目でみて、良い関係値を築けるようにする 将来的に仕事を手伝ってもらったり、将来の転職先候補に選んでもらったり、短期的なリターンは目指さない （性善論ではなく、短期的リターンならクラウドソーシングなどのほうが楽だし早い） 前述、時間的制約も見据えて、デザイナーとしてのキャリアのスタートになるような経験をできるだけしてもら
デザイナー向け認知科学／認知心理学の入門書 （2020.10.4追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
『ペルソナ5』のカッコよすぎるUIの制作工程を紹介！ アトラスの危機から生まれ、やがて特徴となったUIができるまで【CEDEC＋KYUSHU 2017】 - ファミ通.com
2017年10月28日、福岡県の九州産業大学にて、コンピューターエンターテインメント開発者向けのカンファレンス“CEDEC＋KYUSHU 2017”が開催。本記事では、同カンファレンスにて行われたセッション“ペルソナシリーズにおけるUIクリエイティブの手法 ～ペルソナ5のUI事例～”のリポートをお届けする。 本セッションに登壇したのは、アトラスの和田和久氏と須藤正喜氏。和田氏はデザイナーとして入社後、さまざまな作品に携わり、現在は『ペルソナ』チームを統括しつつ、『ペルソナ3 ダンシング・ムーンナイト』、『ペルソナ5 ダンシング・スターナイト』のプロデューサーを担当している。須藤氏は、アトラス初のUI（ユーザーインターフェース）専属デザイナーであり、『ペルソナ5』ではアートディレクターとUIデザインリーダーを兼任。各種イベントのデザイン監修やプロモーション、ライツデザイン監修なども行っている
相手を説得するときにデザイナーがやってはいけない８つのこと
Paul BoagはUXデザイナーでデジタルトランスフォーメーションのエキスパート。非営利団体がWeb、ソーシャルメディア、モバイルを利用する支援をしている。 私たちは仕事をするために、クライアントとステークホルダーを納得させる必要があります。彼らがいないと、私たちは必要なことをするための承認を得ることができません。しかし、私たちのほとんどは説得するのが驚くほど下手です。よって問題は、私たちがどのように説得に失敗するのか、それについてどのように対処するべきかです。 私は、６月末のオンラインワークショップの準備にあたり、クライアントやステークホルダーとどのように協力して仕事するのかについて、多くのことを考えました。これは、同僚やクライアントから同意を得る方法について４つのパートから説明するものです。 私がこのようなワークショップを開くのは、ほとんどすべての作業において、やる価値があると他人を
フォントオタクなデザイナーが本気で選んだ「美しいフォント」24選【フリー＆有償】
『Soldi』は、複数の企業と提携し情報を提供しており、当サイトを経由して商品への申込みがあった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。 名古屋の事業会社でデザイナーをやっているAkitaと申します。 プロのデザイナーとして、デザインで気にしているところは沢山ありますが、中でも一番こだわっているのは「フォント」です。 「フォントの選び方でデザイナーの実力が分かる」というのは、私が最初にデザインを教わった先輩の言葉でした。 世の中にはどんどんクオリティが高く、美しいフォントが登場しています。 広告・パッケージではやはり有償フォントが目立
【図解】赤文字・青文字はもう古い。細分化される私たちの新しい「カラー」｜最所あさみ
「赤文字系」「青文字系」という言葉をご存知でしょうか。 古くからある女性誌の分け方のひとつで、端的にいうとモテ系か否か、というざっくりした区分です。 赤文字系で代表的なのが、CancamやJJなどのモテ系女子大生向け雑誌。 彼女たちにとっては、「かわいい」が最高の褒め言葉です。 対して、青文字系は「Zipper」や「Cutie」など、個性的な装いを好みます。 洋服選びのポイントは、男性からの評価よりもとにかく「自分らしくあること」。 「おしゃれだね」「個性的だね」が彼女たちの喜ぶワードです。 このように、雑誌を含めた女性向けマーケティングは、赤文字系・青文字系の二軸で語られてきました。 しかし、ネットの発達によって好みがより細分化された結果、私たちはマーケティングにおいて、より多くの「カラー」を意識する必要がでてきました。 そこで今回は、私の主観ベースで最近の新しい「カラー」について解説し
年賀状のアクセントに！和柄の縁起物に込められた意味を解説します。 | OMGmag
そろそろ年賀状を作り始める時期です。ご自分で作られる方、既製品を使う方、色々いらっしゃるかと思いますが、今日は“いにしえのグラフィックデザイン”とも呼べる「和柄（伝統的意匠）」についてのお話です。 先人は様々なモチーフに意味を込めた 「縁起物」と呼ばれるモチーフには、それぞれに込められた意味があります。先人たちは祝い事などのめでたいできごとに際して、様々な意匠を用いて華を添えました。お正月や結婚式、晴れ着の着物など、普段何気なく見かける絵柄にもそれぞれ意味があり、調べてみると非常に奥深く面白いです。 今回は特に年賀状のデザインなどにおすすめの伝統的意匠について解説していきます。またそのモチーフに込められた意味を知り、使用するとデザインにもぐっと説得力が増しますので、これから年賀状をデザインされる方の参考になれば幸いです。 植物 松竹梅 縁起物といわれてまず思い浮かべるのが「松竹梅」。慶事・
【ゼロから始めるDTP講座・第4回】読みやすく美しいデザインの文字ってなんだろう | プリント日和 | 家庭向けプリンター・複合機 | ブラザー
産業用製品 工作機械 工業用ミシン ガーメントプリンター デジタル印刷機 燃料電池 レーザーマーカーグループ会社のWebサイトに移動します ギアモータ・歯車グループ会社のWebサイトに移動します 業務用通信カラオケシステムグループ会社のWebサイトに移動します コーディング・マーキング機器グループ会社のWebサイトに移動します
プレゼンはこれでOK！プレゼン術・スライドデザイン・素材・ツールなど役立つサイト＆良記事まとめ - LIFE DESIGN
2016 - 06 - 25 プレゼンはこれでOK！プレゼン術・スライドデザイン・素材・ツールなど役立つサイト＆良記事まとめ Office PowerPoint Keynote 企画書 業務効率化 スライドデザイン プレゼン シェアする Twitter Google Pocket Line 伝わるプレゼン資料作成 成功の実践法則50 posted with ヨメレバ 木村 博史 ソーテック社 2016-06-18 Amazon Kindle 楽天ブックス 記事の目的 企画の提案や会議など、さまざまなシーンでプレゼンテーションが求められる時があります。プレゼンテーションといっても、スライド作成、素材の調達、プレゼン練習…と様々な要素が含まれています。 今回はプレゼンテーションの重要な要素、「スライドデザイン」「プレゼン術」「素材」「テンプレート」「小技 / アドイン / ツール」それぞれにつ
素敵な部屋づくりに！おしゃれなインテリアコーディネート＆ショップまとめ - LIFE DESIGN
2016 - 06 - 24 素敵な部屋づくりに！おしゃれなインテリアコーディネート＆ショップまとめ インテリア 空間 シェアする Twitter Google Pocket Line いつまでも美しく暮らす住まいのルール (エクスナレッジムック) posted with ヨメレバ 水越 美枝子 エクスナレッジ 2015-03-28 Amazon 楽天ブックス 記事の目的 自分の部屋を色々考えてレイアウトしてみたり、素敵なインテリアでコーディネートしていくのは楽しいもの。自分が住む場所だからこそ、自分にとって快適で素敵な空間にしたいというのは、多くの方々が思っていることではないでしょうか。 今回は、魅力的なインテリアコーディネート実例と、ネットで買えるおしゃれなインテリアショップをまとめました。素敵な部屋をつくるためのテクニックやコツを解説するサイトも紹介します。これらを参考に、インテリア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Website Unavailable
{{ngMeta['og:title']}}
知財教材「デザイナーが身につけておくべき知財の基本」 | 経済産業省 特許庁
日本の若者、ハリウッド監督の右腕となる──「世界的アーティスト・田島光二」の誕生は偶然か、必然か？