これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
mojimo - ちょうどいい文字を、ちょうどいい価格で
mojimoとは？ ちょうどいい文字を ちょうどいい価格で 「mojimo（もじも）」は、フォントワークスが提案する、フォントの新しいサービスです。 「ちょうどいい文字を、ちょうどいい価格で」をコンセプトに、 特定の用途ごとに最適な書体、最適な価格を実現しました。 定額制プランでご提供します。 あなたにぴったりフィットする ちょうどいい書体をパックにしました 人それぞれ、目的やシーンによって、文字の表現は異なります。 表現したいことが違うのに、みんな同じフォントでは、表現の幅も狭まります。 いまあなたが作ろうとしているもの、伝えたいことに最適なフォントのみを 目的ごとにセレクトし、専用のパックにしました。 定額制で、 好きなときだけ、好きなものだけ。 これまでフォントは、「プロのためのもの」というイメージが強くありました。 mojimoは、目的に合った最適なフォントを、使いやすい価格帯でご
たてよこWebアワード2017
日本語組版において、縦書きと横書きの選択肢があるということは極めて自然なことですが、Webサイト制作の中で自由な組版を実装するための技術はこれまで標準化されておらず、縦書きの実装はJavaScript等による強引な手段でしか実現できないという問題を抱えていました。 私たち『縦書きWeb普及委員会』は、縦書きと横書きが混在する日本語組版の文化をWebに継承し、自由な組版を実装するための規格をWeb標準とすべく、Webに関連する各種技術の国際標準化団体であるW3Cと協議を重ねながら、CSSにおける新たな組版規格である〝Writing Modes〟の標準化に向け、様々な取り組みを行なっています。 『たてよこWebアワード2017』は、こうした取り組みのひとつとして、CSS Writing Modesを用いた縦書き実装の指標となるような優れたWebサイトを表彰することを目的としたアワードです。 縦
聖徳宗総本山 法隆寺
クラウドファンディングご支援者名の掲載（令和4年9月30日） クラウドファンディング「世界遺産法隆寺―１４００年の歴史遺産を未来へ―」にご支援いただき、ありがとうございました。 ご支援いただきました方々のお名前を掲載させていただきます。 ネット申込者はこちら 書面申込者はこちら 皆様の温かいご支援にあらためて感謝申し上げます。 合掌 令和4年9月 班別拝観券発行について（令和5年3月13日） 団体拝観者（30名様以上）を対象に、班別拝観券を発行致しております。 班別による拝観を希望される場合は、お支払い窓口でお申し出下さい。 詳しくはこちら 特別開扉のお知らせ 夢殿 秘仏・救世観音菩薩立像 開催期間 春 4月11日～5月18日 秋 10月22日～11月22日 開催場所 東院伽藍 夢殿 上御堂 開扉期間 11月1日〜3日（午後4時30分まで） 法隆寺金堂壁画ガラス原板デジタル画像が公開されま
Webデザインが進化したからこそ「やってはいけない」5つのこと
Webサイトがレスポンシブ対応していたり、常に表示する必要のないメニューはハンバーガーメニューで隠したりと、業界で共有されている*Webデザインの「あるべき姿」*は、常に少しずつ進化しています。 その下支えになっているのがブラウザ技術です。Webrageの調査によれば、Internet Explorerを超えてGoogle Chromeが国内外で圧倒的シェアを獲得していますが、Google Chromeは6週間ごとに安定版がリリースされており、アップデートごとにブラウザの技術も進化しています。結果的に、Webデザインでできる幅も広がるのです。 しかし、Webデザインでできることが多くなったからといって、必ずしもデザイン上のテクニックがユーザー体験(UX)を向上させるとは限りません。 そこで今回は、Webデザインが進化したからこそ「やってはいけない」5つのことをまとめました。よかれと思って実
プロトタイプも埋め込める、デザイナーの情報共有を加速させるDocBase
デザイナーの仕事は、成果物に対するデザインだけではありません。デザイン制作をしたら、「なぜそのデザインなのか」をステークホルダーに説明し、コンセンサスを取る必要があります。 デザイナーがカバーする領域も広がる中、私たちデザイナーはどのようにデザインを共有するべきでしょうか？ 今回は、UX MILKチームがどのように情報共有を行っているかを紹介します。 デザインドキュメントをどのように共有すべきか デザインドキュメントには、ワイヤーフレームやプロトタイプ、ビジュアルデザインなどさまざまなものがあります。 プロジェクトが進むにつれ、デザインドキュメントは増え、また変更が加えられていきます。すると、これらをどのように保存・整理し、共有するかという問題が出てきます。 UX MILKチームでは、こういった問題を解決するために、DocBaseを使ったデザインの共有を行っています。 なぜDocBaseで
スワンのラクガキ報
どうも、スワンです( 'ω') バタバタしていてブログが空いてしまったけど、この春もせっせとブログを書いてます。ここだけの話、こっちのエントリーの方が先に書いたのに誘惑というのは果てしないもので、先日開催された「UI Crunch #13 娯楽のUI イベントレポート」が自分でも想定外に熱量出しすぎてしまって（うっかり1万文字超えた）こっちが後手に回ってしまった。 note.mu 気を改めて、はてなでもゴリゴリ書いていきます。 ここ１ヶ月くらいインプットの波に溺れていて、そうそうこのこともそのうち書きたいなあと思ってるんですが、インプットってアウトプットしないと出来なくなっていくんですよね。身につかない、とかじゃなくて。頭の余白がびっちり埋められてしまうから「もうらめそんな入らないよう...」という脳みそのSOSを感じるのです。 ということでこの春も盛大に脳みそ吐き出して行クべく、書きたい
本当はこんな話をしたかった。CXO Night #2｜こばかな
こんにちは。THE GUILDのこばかなです。昨日CXO Nightというイベントに登壇してきました。時間が限られていたので、あまりうまく喋れなかったなぁと反省しつつ、色々と補足しながら私が話した内容をご紹介します。 自己紹介をお願いします。私は多摩美のグラフィックデザイン学科を卒業し、新卒でDeNAに入社しました。1年間UIデザイナーとして働いた後に転職し、昨年4月からTHE GUILDで働いています。 現在は複数クライアントとお仕事をしていて、新規事業を立ち上げたり、UIデザイン、UXコンサル、デザインリサーチなどをしています。 今の会社で仕事をしようと思った理由は？大学では第一線で活躍しているクリエイターの教授陣と関わることが多かったので、デザインの奥深さや厳しさをぼんやりと感じていて、自分も将来は教授たちのような偉大なデザイナーになりたいと考えていました。 しかし社会人になって目の
CXO Night参加レポート｜吉岡ヤス
こんばんは！ 福岡のスタートアップPear inc.のCDOの吉岡ヤスユキです。 2月9日、CXO Nightに参加してきました！ レポートやグラレコは他の方がきれいにまとめてくださっていたようなので、 僕のレポートはサクッと振り返られる名言集的なものにしたいと思います。 ※バタバタログを取ったので間違っていたらごめんなさい。 CDO/CXOがいる会社で働く若手トーク編 「体験を突き詰めた先に売上がある」byこばかなさん →普通の会社では売り上げに目が行きがちですが、THE GUILDは体験にフォーカスし、その結果、売上が上がってくる。デザイナからすると、まさに理想の経営スタイル！ 「デザインしているようでデザインしていない」 byこばかなさん →以前勤めていた事業会社でのデザインでは、デザインの理由や背景がわからず、なんとなくデザインしている人になってしまいそうな危機感があったことがきっ
他人の言葉で伝える〜経営とデザインのコミュニケーション〜 #CXO Night｜Yoko Nishida
CXO Nightで「短期的な利益が得るのが難しいデザインを提案する場合、デザイナーはビジネスサイドとどうコミュニケーションしたら良いのか」と質問をしたら、「他人の言葉で伝える」といった回答を頂いたので、どうすればできそうか考えてみました。 CXO Nightって何？ 最近Webサービスのスタートアップ界隈では、「CXO = Chief eXperience Officer」や「CDO = Chief Design Officer」といった肩書きで、デザイナーが経営ポジションにつくことが注目されるようになってきました。 このイベントでは、主にデザイナーが役職につくメリットやインパクトなどについて取り上げていました。 第1部：CXOがいる組織で働いている若手デザイナー陣のエモい話第2部：デザイナーが活躍しやすい組織マネジメントの苦労話第3部：このnoteの代表 加藤さんとCXO 深津さんの実
デザインって、やっぱり楽しい。【CXO Night#2 イベントレポート】｜マスブチミナコ
2018年2月9日にTECH PLAY SHIBUYAで行われたイベント「スタートアップにCXOが必要な理由 - CXO Night #2 by TECH PLAYデザイナー部」に参加してきました。 まずは、最初に軽く自分自身について。わたしはhapticの屋号でフリーランスで活動している@mascoといいます。一番多いご依頼はイラスト制作で、できる範囲のデザインをしたり（以前はWeb制作会社で働いていました）、エッセイ調のライティングをしたりしています。 参加したきっかけ今回「参加したい！（しかもブログ書く枠で）」と思ったのは、noteに出会い日々触れる中で自分の体験〜生活までもが変わってきたことから、UXへの興味がどんどん増していたからでした。そしてnoteを運営するピースオブケイクのCXOを務める深津さんの発信を日々追いかけるようになっていたので（時折わたしの発信を拾っていただき嬉し
Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのトレンド -2018年1,2月
デザインで悩んだ時には、新鮮なトレンドをチェックしてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのトレンドを紹介します。 今まで使用してきたトレンドにも一手間加えられて、より魅力的なものになっています。 3 Essential Design Trends, January 2018 3 Essential Design Trends, February 2018 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 左上のロゴをシンプルに 垂直型の細いサイドバー ピーチ・カラー サークル状の要素 分割レイアウト ダーク系の背景にホワイトのテキスト 左上のロゴをシンプルに このトレンドは見逃されがちですが、左上にブランドをテキスト化したものがカムバックしています。アイコンを含めるのももちろん有りで、注目
焼きたてカスタードアップルパイ専門店 RINGO
3種のチーズを使った“お酒にも合うアップルパイ”が登場 。「焼きたて濃厚アップルパイ 3種のチーズ&はちみつ」！2024年10月16日（水）より販売 2024.10.08 【栗スイーツ】大人な甘さのフランス産マロンが主役！ ワンハンドで食べられる “新感覚” モンブランが登場！2024年10月16日（水）より期間限定で販売 2024.10.03
UXとUXデザインの概念｜Toshiya Sasaki
はじめまして。デザイナーのSasaki（@toshiyassk）です。 Fintech企業ではたらきながら、UXデザインやサービスデザインを軸とした研究をしたりしています。 先日会社でUXについての勉強会（初心者向け）をさせていただく機会があったので、UXとUXデザインの概念についての資料の一部を記録しておきます。（参考文献に基づいた内容ですが、表現を変えている部分もあります。） UXとは？UXの定義にはさまざまなものがあるが、決定的な一つの定義はない 2010年に世界のUX研究者30名によってUXの定義について議論され、UXを一つに定義する代わりにUXをとらえる視点が明確にされた。 27件のUXの定義が All About UX に掲載されている。 UXをとらえる3つの視点① 主観的評価 ユーザーが製品やサービスを使った体験を通して、結果としてどのような認識をし、どのような感情や評価を抱
スタンフォード大学でも使われている『共感マップ』のアップデート - カタパルトスープレックス
原文："Updated Empathy Map Canvas" by Dave Gray 何年も前にXPLANEで共感マップをデザインしました。私たちがゲームストーミングと名付けた人間中心デザインツールキットの一部でした。 共感マップは多くのチームが共感による人に対する深い理解を共有することに役立っています。顧客のエクスペリエンスを向上、社内政治の理解、より良い仕事環境など多くのプロジェクトで活用されています。 共感マップは私たちのワイルドドリームを超えて成功しました。スタンフォード大学d.schoolのカリキュラムで採用され、ハーバードビジネスレビューでも掲載されました。IDEOの創設者であるDavid KelleyとビジネスパートナーTom Kelleyが「IDEOのリーダーからの3つの創造的チャレンジ」の一つにも選ばれました。 なんでアップデート？ 共感マップが作られ数年経ちますが、
デザインを独学するなかで お世話になった 骨太な教本・技術本｜kazuma nishiwaki
専門教育やだれかに師事することなく、独学でやってきたなかで参考になった教本、後輩に読んでもらいたい、読んでもらって好評だった本をまとめました。 専門胸臆を受けていない、美大出ではないというのがキャリアのはじめではコンプレックスでもありました（今はほとんどないですが） 独学で進めていくと、どこかでツケを払うときが来ます笑 そんなときにお世話になった本たちです。 ノンデザイナーズ・デザインブック [第4版] 『この本がデザイン学校の4年間の代わりになる、と言うつもりはありません。また、この小さな本を読めば、自動的に優れたデザイナーになれる、と言うつもりもありません。しかし、あなたがページを見る目は確実に変わるでしょう。この本の基本原則に従えば、あなたの作品が、もっとプロらしく、組織化され、一体化され、おもしろくなることを保証します。』(著者「まえがき」より)定番の定番。 ノンデザイナーズとある
デザインと言語化｜棚橋弘季 Hiroki Tanahashi
何かをちゃんとデザインしようとすれば、様々なことを言語化することを想像以上にはるかに多く強く求められる。 いま誰を対象として考えているのか、問題をどのように捉えているのか、何を問題の原因と捉え、どのようにそれを解決しようと考えているのか。それはいったい、どのような価値がある何をデザインしようとしているのか。 これらを言語化するのは誰か説明するためというより、自分の想像力をより明瞭にするためだ。複数人でデザインに関わっているなら、チームとしてのイメージをクリアにするためである。 もちろん、デザインには言語化するよりもそれ以外の方法を取った方がいい部分はたくさんある。ただ、そうしたものを除いても、デザインの過程においては言語によって明らかにすべきことは想像をはるかに超えてたくさんある。 わかるということは、次に何のアクションをすればよいかがわかること例えば、自分が何のためにデザインしようとして
ロゴデザインの8つの種類と参考になるウェブサイト7選｜Goodpatch Blog グッドパッチブログ
CI(コーポレートアイデンティティ)においてロゴは非常に重要な部分を占めています。 また複雑で混沌とした社会になるにつれ、企業理念や創業者の思いをしっかりと定義したロゴの重要性は依然高まっているのではないでしょうか。最近ではCIデザインという言葉もよく聞くようになり、ロゴを含めAirbnbのCIがどのようにデザインされているかを表した動画も話題になりました。 ということで今回の記事では一般的なロゴデザインの種類、ロゴデザインに役立つウェブサイトなどをまとめてみました。ロゴデザインを始めたばかりの人や将来始めてみたいと思っている人のご参考になれば幸いです。 Goodpatchでは、ロゴデザインやCIのリニューアルのご相談も受けております。 ⇒【資料ダウンロード】Goodpatchにおけるロゴデザインのリニューアルプロジェクト事例のご紹介 ロゴデザインの主な種類 1. シンプルな幾何学模様 シ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Website Unavailable
音羽山 清水寺
