https://forest.f2ff.jp/introduction/7866?project_id=20230601
はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか?今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ?最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ!」官公庁のサイトですよ?官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ
「きれいだな」「残しておきたいな」と思った風景を、そのまま切り取って残せる写真。 たくさん写真を撮っていると、あるときふと、どれも同じような写真に見えたり、思い通りのイメージで撮れないと感じたりすることがあります。 そんなときは、まず「構図」を見直してみましょう。 同じ写真でも構図を変えるだけで、写真の雰囲気や印象は大きく変わります。 構図を意識して写真を撮ることで、その写真の中で特に目立たせたい要素が際立ち、作品を通して伝えたいメッセージがより伝わりやすくなるからです。 さらに、構図をたくさん知っておくと、写真撮影の引き出しが増え、目の前の被写体や風景の魅力を引き出しやすくなります。 この記事では、よく使われる構図から応用編まで、15種類の構図を紹介します。 この記事の内容を参考に、表現の幅を広げ、もっと写真撮影を楽しんでくださいね。 まず押さえておきたい10の基本構図 まずは、基本的な
センスがなくても大丈夫!デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共
こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典:六本木未来会議出典:DMN出典:ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう?自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①:文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
「図解」は資料作成やプレゼンスライドの制作に欠かせません。その一方で「図解を作成してみたいけれど、経験がない」「これから図解をどんどん取り入れていきたい」という方のために、図解作成のノウハウを基本中の基本からまとめてみました。 今回の記事はアドビ社のPR企画「みんなの資料作成」に参加して執筆しています。 1 | 図解の定義まずは「図解」の定義について考えてみましょう。 たとえば、書籍『たのしいインフォグラフィック入門』の中で著者の櫻田 潤さんは次のように定義されています。 図解とは、単純な図形と短い言葉で、物事を説明するグラフィック 非常に明快ですが、人によって定義が異なりますし、また時代によって移り変わっています。 類語から「図解」の定義を探る言葉の定義を考える際に有効なのが〈類語〉を集めてみること。 そこで、日本語/英語に分けて、2つのマンダラート(9マスのメモ)をつくり、「図解」の類
こんにちは!株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか?」「目的のページはどこか?」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
「作りたい資料に適したフォントがわからない」 「どの色を選べばいいかわからない」 「スライド資料のデザインをもっと洗練させたい」 スライド資料をデザインするとき、こんな悩みを持つ方は多いのではないでしょうか? スライド資料の印象は使用する「フォント」と「色」によって大きく変わり、うまく活用すれば見る人の心を動かし、行動を促す資料を作成できます。 そんな効果的な資料を作成するには、フォントと色の基本知識が必要不可欠です。それぞれについて学ぶことでデザインセンスが高まり、あなたのスライド資料に適した色とフォントを、効率よく選べるようになるでしょう。 ということで、この記事ではスライド資料のデザインに役立つ「フォント」と「色」の基本知識から、適切な種類を選ぶポイント、もっとデザインを学びたい方におすすめの書籍まで、フォントや色に関するノウハウをたっぷり紹介していきます! デザインに苦手意識がある
見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれません。 でも、デザイナーじゃなくても!デザインツールを使わなくても!いくつかのコツを押さえるだけで見やすいスライド資料は作れます。 この記事では、見やすいスライド資料をデザインするコツを5つの章に分けてご紹介していきます。 「レイアウト」「カラー」など、気になるところから読んでみていただいても大丈夫です。 スライド資料の作成だけでなく、バナーやチラシなど、いろんなデザインにも役立つコツをイラスト付きでわかりやすく説明しているので、今作っているデザインに悩んでいる、デザイン勉強中、という方もぜひ
突然ですが、亀仙人ってオシャレじゃないですか……? 「ないない! アロハシャツにサングラスでしょ?」と思った方、ちょっと待ってください。 確かに、象徴的なアイテムは思い浮かぶけれど、服に気を使っているキャラクターというイメージは少ないでしょう。ブルマのようなオシャレさで鳴らすキャラクターに比べると、コーディネートのパターンも固定されている。 でも、だからこそ、亀仙人のファッションって、見れば見るほど洗練されています。自分のスタイルは決して崩さないまま、細部をアレンジしてバリエーションを出す。そんなこだわりと遊びの両立を随所に感じることができます。 ……あ、ご挨拶が遅れました。ライターの平格彦(たいら・まさひこ)と申します。普段は男性向けのファッションメディアで執筆しています。久しぶりにドラゴンボールの原作を読み返したら、上記のことに気付きました。 そんな気付きをもとに今回は、ドラゴンボール
パッケージ、MV、スタイリング、ビジュアルデザインなど全方位に高品質なK-POPクリエイティブにおいても軽視されがちなのがウェブ分野だが、その中でも数少ない事例を紹介。 (コミュニティアプリ・ライブ配信・ビハインドなども広義の意味ではウェブコンテンツだが、ここではいわゆる特設サイトについてのみ触れる) * * * NewJeans.krNewJeansの公式サイトはニュースの役割を持たず、カムバックごとに特化した内容にリニューアルされる。特徴的なのは毎回実装される独自のデザインを生成できるジェネレーターで、しかしそのアプローチは常に異なる。 ウェブサイトに限らず、バッグ形態のパッケージデザインやデコ前提のシンプルなペンライトのように、各々のカスタム性を追求することによって逆に連帯感を演出する新しい大衆性がある(学校指定の鞄にキーホルダーで個性を出すやつを、メンバーとファンの間でやってるみた
同じことの繰り返しにみえるけれど、 平山にはそうではなかった。 すべてはその時にしかないもので だから、すべては新しいことだった。 かすかに朝の気配がする。 落ち葉を竹ぼうきで掃いている 老女の他は誰も そのことにまだ気がついていない。 竹ぼうきの音が古いアパートの2階まで届く。 男がすっと目をあける。 そのまま天井をみつめている。 顔の皺の深さは日焼けのせいか それとも年齢のせいか ずいぶん遠い目をしている。 前触れもなく男が起きる。 薄い布団をたたみ、 階下に降りて身支度をはじめた。 顔を洗い、 使い込まれた電気シェーバーを 左右の頬にあてて 口髭をハサミで器用に整える。 無駄がない動きだ。 ひょっとすると何十年も 男が同じことを してきたのではないかと思わせる。 台所に置いてある スプレーを手に2階へもどる。 急な階段のせいか、 軋む音を最小限にしたいのか、 男はかかとをつけずに登る
2023年もあと数日ですね⛄️🎍 毎年この時期になると、その年に印象的だったサイトをご紹介する記事を書かせていただいていましたが、なんと今年は、僕だけではなく、日頃からWebデザインへのアンテナの感度の高い『8組のゲスト』をお招きした特別企画をお届けします。 毎年楽しみにしていた方も、初めて見てくださる方も、 S5-Style Presents 「2023年総まとめ 特別版」をお楽しみください!😃 それでは、まずこちらの方からからです! -- 01 平尾 誠 (ARUTEGA Inc)👤💬 素晴らしいサイトの中から、題材が難しいサイトや、情報設計が秀逸なサイトを気づいたら選んでいました。今回の企画に参加するにあたり、普段からいろんなサイトに追いつきたくて、モチベーションをいただけている事に気づけました。 株式会社HA-RUhttps://ha-ru2017.co.jp/島根のダクト
こんにちは、プロダクトマネージャーの yujiro です。 最近 Nintendo Switch を購入し、妻と一緒にスーパーマリオをプレイしてます。数少ない共通の話題が増えて嬉しいです。 はじめに 前提:テックタッチはハイタッチCSに支えられている 「 Showcase 」とは 事前準備 開催当日 得られる効果 さいごに はじめに テックタッチではおよそ3ヶ月に1度の間隔で新機能をリリースしており、その際にリリース内容共有会を開催してリリース内容の社内周知を行っています。このリリース内容共有会を社内では「 Showcase 」と呼んでいます。 この「 Showcase 」は、リリース内容の説明に留まらないプロダクトチームとビジネスチームをつなげるユニークなイベントになっています。本記事では、「 Showcase 」を通じてどのように両者の距離を縮め、一体感のあるカルチャーを生み出している
こんにちは、クオートワークスです。 普段、さまざまなシーンで資料を作成する際、デザイン面で以下のように悩むことは多いのではないでしょうか。 「資料が野暮ったい」 「伝わりやすい資料を作りたい」 「資料デザインを洗練させたい」 「上司や顧客を驚かせたい」 デザインは単なる装飾ではなく、情報の伝達に重要な役割を果たします。適切なレイアウトや色彩、フォントを選ぶことは、読み手にとって理解しやすく魅力的な資料を作成する上で欠かせません。 しかし、デザインスキルに自信がない場合や、時間が限られている場合、この課題に取り組むことは容易ではありません。 そこでこの記事では、スライド資料を作成する際のデザインの基礎的なコツのほか、デザインが苦手でもデザイナーの技を簡単に再現でき、ワンランク上の資料を効率的に作成するためのヒントをご紹介します。 作例をたっぷり掲載しているので、ぜひ実践にお役立てください。
素敵なゲーム作品につながる 新たな縁をお待ちしています 新しいゲームの開発やパートナーシップ提携のご相談、教育事業に関するご質問など、お気軽にお問い合わせください。 「はるniさんと一緒にお仕事ができて良かった」と言っていただけるような出会いをお約束します。 More 鹿児島でも ゲーム開発で挑戦できる 鹿児島という地で眠ってしまっている、ゲーム業界に対して熱い想いと能力を持っている人をきちんと活躍させたい。 はるniでは現在新しいメンバーを募集しています。採用情報ページでは、私達の働き方や社内文化について紹介しています。 More CocosやUnity、Live2D、 Spine等 多様な制作環境に対応 クライアントにご満足いただけるよう、多様な環境や技術に対応し制作しています。 Cocos, Unity, Node.js, AWS, Nuxt.js / Live2D, Spine,
全国の小中学校が夏休みシーズンを迎えた。新型コロナウイルス感染症の「5類」移行に伴う「脱コロナ」ムードが追い風となり、今夏は数年ぶりに水辺のレジャーを予定している人も多いだろう。 公益財団法人 河川財団の調査によると、7~8月は河川等の水難事故が最も多発する時期で、年間の事故件数の50%を占める。 Yahoo!ニュースのコメント欄で子ども時代の水辺のヒヤリ体験を募集したところ、離岸流に流されパニックになった経験や、川で流され死を覚悟したエピソードが寄せられた。こうした水辺のヒヤリ体験をマンガ形式で紹介するとともに、専門家に対策を聞いた。(監修:斎藤秀俊、着衣泳監修:岩崎恭子/ Yahoo!ニュース オリジナル 特集編集部)
デザイナーMTGにて枌谷さんからウェブUIにおける「シンプル」についてお話いただいた。今日は3つ特に心に残ったことを振り返りたい。 シンプルの定義 ウェブUIにおける「シンプル」とは迷わない、使いやすい、目的に早くたどり着けるなどの「脳内負荷が軽くなるUI」のことを指す。単に要素を削ぎ落としたり、情報を隠してスッキリさせることではない。 このシンプル=スッキリという誤解はデザイナーでも意外と多いのではないだろうか。実際ベイジに入社する前の自分がそうで、深く考えず情報を隠したり削ぎ落としていた。 シンプル=スッキリさせること という認識を持っているとユーザーにとって必要な情報まで隠したり削ってしまい、逆に使いづらいものになってしまう。 例えば「できるだけ情報を削ることでシンプルに見せ、簡単そうに感じてもらう」と考え、電話番号の受付時間を消してしまうとする。ユーザーが電話をかけて「本日の受付は
読者のみなさんは、普段どんなときに写真を撮りますか? ちょっと贅沢なランチを撮影したり、日々の疲れを癒す旅で風景を撮影したり......。最近は、カメラの性能が高いスマホが増えてきたので、日常的に撮影をしている方も多いかと思います。 そんな風に撮影をする中で、もっとエモい感じの写真にしたい & 友人に見せたときに「素敵!」と言ってもらえる写真にしたいと考えたことはありませんか?また、お気に入りの写真だけを集めて、オリジナルの写真集を作れたりしたら、素敵ですよね? そこで今回は、スマホでエモい写真を撮るノウハウをご紹介したいと思います。 実は筆者は、これまでに70機種以上のスマホに関するレビューを書いており、特にカメラ機能の検証には力を入れてきました。 検証のためにたくさんの写真を撮影したのですが、その中でもエモい写真を撮ることに関しては、かなり自信があります! この記事内にもたくさん写真を
角餅か、丸餅かお雑煮の主役である餅。「角餅」か「丸餅」かは、地域によって分かれています。東日本では角餅が多く、西日本は丸餅が多く使われます。古くは丸餅が主体でしたが、江戸時代に平たく伸ばして切り分ける「のし餅(角餅)」が生まれたようです。また一部には、餅を一切入れない「餅なし」のお雑煮があるのも興味深い点です。 だしと味付け大きく分けて、すましと味噌(主に白味噌)と2つの味付けがあります。もっとも古いお雑煮は「垂れ味噌」で食していたという記録があり、後世で醤油を使ったすまし汁が加わります。だしは、鰹節や昆布、煮干しが全国的に使われていますが、地域によって焼きハゼ、貝柱、鯖節、アゴ(トビウオ)、干し海老など多彩です。 海・山・里の具材さまざまな具材が古今東西で食べられています。魚は鮭や鰤(ブリ)、クジラ、車海老、ハゼやドンコ、焼干し大海老、ホヤやアサリ、ハマグリ、牡蠣と多彩です。一方肉類は少
子どもたちは空き地で新しい遊びを生み出し、 名前も知らない仲間を巻き込んで その日、その時だけの小さなムーブメントを巻き起こす。 夕暮れになると連絡先を交換するでもなく、 とてもあいまいな再会の約束を交わし、帰路につく。 そして、あの日、あの場所で生まれた遊びが、 子どもたちの世界で広がっていく。 かつて、そこに私たちはいたはずだ。 私たちは、年齢を重ねるにつれて 「遊び」そのものを忘れていく。 かつて子どもだった頃を思い出そう。 遊びに参加する時はシンプルだ。 「一緒に遊ぼう」 その一言であなたもこの遊びの首謀者となる。 まだ存在しないページを指すインターネットのエラーコード「404 NOT FOUND」の名称で渋谷のど真ん中に「遊び/GAME」を巻き起こすための空き地が誕生する。 「遊び/ゲーム」を起点とした新時代のグローバル・クリエイション拠点「404 NOT FOUND」。 ここか
雨からも、紫外線からも、 あにゃたを守る 急な雨も、真夏の紫外線もガードできる 優秀にゃんこ傘、ネコピ。 ネコピと一緒なら、どんなお天気でも気分は 上々! 持っているだけで毎日安心に。 毎日連れて歩きたくにゃる まん丸の瞳にピンと立ったお耳。 ちょこんとした鼻にふっくらした丸い口元。 ふわふわしっぽのカバーに入れたら、 そのままバッグにイン。 ネコピと一緒なら、 雨の日も楽しくお出かけできちゃう。 features かわいいだけじゃにゃい! マルチに役立つ6つの機能。 雨の日も晴れの日も使える兼用タイプで、 UVカット・遮光・遮熱・撥水・防水に対応した ポリウレタンコーティング加工生地を採用。 晴雨兼用 UVカット率 99.9% UPF50+ (10段階中最高値) 撥水・ 防水効果 遮熱効果 遮光率 99.9%
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く