こんにちは、ARuFaです。 突然ですがみなさん、家、住んでますか？ 僕はというと、約6年前に社会人になったタイミングで地元の千葉県を離れて上京し、今は都内で一人暮らしをしています。 こちらが現在僕が住んでいる自宅。すこし殺風景ですが住み慣れた家です。 一人暮らしを始めた当初はわからないことばかりで様々な失敗（※）もしましたが、6年も暮らしていればさすがに慣れるもの。今では一人でも立派に暮らせていると自負しています。 ※様々な失敗＝部屋の中で木製のブーメランを投げたら照明が木っ端みじんになったことなど。 ……さて、そんな感じで今や一人暮らしをエンジョイしている僕ですが、じつは最近になって新たな問題が発生してしまいました。 それがこちら…… 実家の母親がめっちゃ心配してくる！ そう、実家に住んでいる母親が、最近になってやたら頻繁に僕の生活ぶりを心配してくるのです。 確かに最近は全く実家に帰省

2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！ これまでの日本語フリーフォント総まとめは、下記をご覧ください。 日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記 後日、上記に追加します。 まずは、もじワク研究から待望のフリーフォント。 私はさっそくすべてのデバイスにインストールして、愛用しています。 マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 個人的にも特にお勧めの「マメロン」が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水

ニューモーフィズムとは、要素が背景と同じ素材で作られており、シャドウを与えて押し出されたような窪んだようなスタイルです。最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順でデザイン・実装する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実践できます。 Neumorphism (Soft UI) in User interface design - Tutorial by Kanhaiya Sharma 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 新しいトレンド「ニューモーフィズム」 ニューモーフィズム

この記事では、これから2021年に注目したいWebデザインの人気トレンド9個をピックアップしています。 2021年のウェブデザインの傾向としては、どれも共通のテーマがあるように見えます。ハイテクなファンタジー感を目指すのではなく、よりリアルさを求めた新しいジャンルに世界中のウェブデザイナーが注目し始めています。 2021年のWebデザインは、これまでにないほどデジタルと日常を融合する方向に向かっており、普段の生活においてWebサイトが不可欠になってきていることを、反映しているのかもしれません。 よりクリエイティブなデザインを表現できるテクニックを、たくさんのデザイン事例と一緒にご紹介です。 コンテンツ目次 1. パララックス・アニメーション 2. ニューモーフィズム 3. アブストラクト・アート 4. 目にやさしい配色 5. 原因のためのウェブサイト 6. スクロール遷移 7. プロダクト

生物学的な性差（セックス）とは異なり、文化的・社会的に形成された男女の性差、「ジェンダー」。日本においては、ジェンダーはいつ生まれたのか？ そして、どのような歴史を持っているのか？ 現在、この問いについて古代から丹念に紐解いていく企画展示「性差（ジェンダー）の日本史」が国立歴史民俗博物館で開催されている。 展覧会場となる国立歴史民俗博物館（千葉県佐倉市 通称：歴博）は、日本の歴史学、民俗学、考古学について総合的に研究・展示を行う研究機関。収集した資料は30万件以上に及び（東京国立博物館は11万7700件）、6つある常設展示室を見るだけでも丸一日かかってしまうほどだ。 日本人の多くは、幼少時から「女の子らしく」、「男の子らしく」という言葉を耳にしながら成長してきた。しかしながら、この「らしさ」の根拠について説明される機会、立ち止まって考える機会が与えられることは、近年までほとんどなかったとい

この話をフィクションと思われてもいい。嘘松認定されてもいい。誰かの目に触れるだけで嬉しいから。 私は北国の相当の田舎で生まれた。コンビニも車がなければ行けない場所にあるようなところだ。当然電車なんて走っていない。ファミレスもないし、地方都市の象徴と言われているイオンなんてものはない。地方都市とも言えない部類の地域だった。 私は小さい頃から勉強ができた。少なくても幼稚園の頃にはひらがなはかけたし、繰り上がりの足し算も誰にも教えられずにできた。漢字は一度見たらすぐに覚えた。だから読んでいた物語に出てくるような高学年向けの漢字も2、3年生の頃には書くことはできた。周りがなぜ同じようにできなかったか理解できなかった。 そんな私を親も当然理解できなかった。周りの大人は中卒と高卒しかいなかった。学校を出れば男は工場だの大工だの漁師だの農家だのになるもの、女はさっさと結婚して子供を2、3人は生むのが当た

米Adobeはこのほど、ロイヤリティーフリーの写真やイラストを提供する有償サービス「Adobe Stock」で7万点以上の写真や映像を無料化した。個人や法人を問わず使える他、商用利用も認める。ダウンロードにはAdobe ID（無料）の登録が必要。 公開したコンテンツは、写真や映像、3Dモデル、ベクター素材、イラストなど。Adobeの年次クリエイティブカンファレンス「Adobe Max 2020」（10月20日～22日）に合わせた施策。素材を提供したアーティストの権利も尊重したという。 関連記事 iPad版「Illustrator」リリース　月額1080円、Adobe CCユーザーは追加料金なし 米AdobeがiPad版「Illustrator」をリリースした。単体での利用料は月額1080円。「Adobe Creative Cloud」のユーザーには追加料金なしで提供する。 PDFをスマホ画

はじめまして、どうも、つんく♂です。 作詞・作曲を中心に音楽やエンタメ全般のプロデューサーをやっています。モーニング娘。のプロデュースから始めて、アイドルやアーティストなど、たくさんの作品を生み出してきました。 『リズム天国』などのゲームや、アニメにも関わっています。今は、「つんく♂エンタメ♪サロン」のメンバーで、「中2」をテーマにした映画制作を始めたばかりです。 声の病気をしたので今は歌えませんが、その分、日々の作品作りと、次世代のスターやクリエイターの応援に注力しています。 いちクリエイターとして、noteを始めますさて、今月から、個人noteを本格的に始めてみようかなと。 というのも、僕の中には、自然に生活していて「これいいよ」との情報が2回以上重なって耳に入ってきたものが「売れる」「ヒットする」という過去データがあります。なので、そういうものに出会った時は、出来るだけすぐに試すよう

激レアさんを連れてきた。 @geki_rare 本日の担当スタッフからのオススメポイント② 必見‼️18年前に行き別れた父親を探す旅に出たら初日で見つかちゃった奇跡の人😂多分「父親探し」史上最も早く見つかってます❗️ しかも、その奇跡の瞬間が映像に残っているので皆さんの目でぜひ確かめてほしいです👀 この後11:15からです✨是非ご覧下さい‼️ pic.twitter.com/5eEps6drAP 2020-10-19 21:04:34

こんにちは。TAK(@tak_dcxi)です。 今回記事にするのはタイトル通り「デザイナーとフロントエンドエンジニアに知ってほしいWebのフォント周り」についてです。以前ツイートしましたが、特に説明もなかったので自分の備忘録も兼ねて。 Androidに明朝体は無い Apple製品しか利用しないデザイナーの方に話したら非常に驚かれるのですが、Androidにはデフォルトで明朝体は入っていないです。 よく明朝体マシマシのデザインを見かけたりするのですが、デバイスフォントだけではAndroidでそのデザインを実現することは不可能だと思っておいたほうが良いでしょう。 ただ、明朝体のWebフォントを利用すればAndroidでも明朝体は表示できるので、デザイン的に明朝体が必須って場合はWebフォントを利用しない手は無いと思います。 個人的見解ですが、デザイン重視なら明朝体はGoogle FontsでN

自閉症の子どもは津軽弁を話さない。そんな妻の一言をきっかけに、心理学者の松本敏治氏はことばと心の謎の解明に乗り出した。松本氏は「最初は軽い気持ちで調べていたが、本にまとめるまで十数年がかかった。現場の人々の経験や感覚に目を向けることの大切さを痛感した」という――。 「ことばと心の謎」に迫る研究のきっかけ ある日、町の乳幼児健診から帰ってきた心理士の妻が、ビールを飲みながら「自閉症の子どもって津軽弁しゃべんねっきゃ（話さないよねぇ）」と言ってきました。 障害児心理を研究する私は、「それは自閉症（自閉スペクトラム症：ASD）の独特の話し方のせいだよ」と初めは静かに説明してやりました。しかし妻は、話し方とかではなく方言を話さないのだと譲りません。 やり取りするうちに喧嘩になり2、3日は口を利いてくれませんでした。こちらも長年、その道の研究職であるつもりでしたから、たとえ妻でもこんな意見は聞き捨て

この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら

サランラップ®・ジップロック®を利用した、食材や料理が一目で把握できるチャートです。 各食材名をクリックすると、より詳しい保存テクニックを見ることができます。

企業サイトをはじめ、プロダクト、オンラインショップ、アプリ、ブログなど、さまざまな商用プロジェクトで無料で利用できるSVGアイコンを紹介します。 SVGアイコンの数は1,100種類以上で、しかもオープンソース！ さらに、Adobe XD, Figma, Sketchなどでアイコンが簡単に使えるツールもリリースされています。

【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新 こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から 「どこから画像を引っ張ってくればいいかわからない😭」 「日々の情報収集どうすればいいの？🤔」 という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、「このツールも便利だよ！」というのがあればぜひコメントで教えてください！ 日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

社会人になって数年たったR25世代のビジネスマン。後輩ができたり、ちょっとしたチームのリーダーを任せられたりする機会も増えてきます。 でも、いわゆる「マネジメント」なんてしたことないから、どうしたらいいのかわからない！ 今回は、そんな悩みを、この超大物に相談する機会に恵まれました。 【つんく♂】1968年生まれ。大阪府出身。1992年、「シャ乱Q」でデビュー。「シングルベッド」「ズルい女」「いいわけ」などのヒット曲を発表する。1997年より「モーニング娘。」のプロデューサーとして活動。その後、「ハロー！プロジェクト」にて多くのグループのプロデュースを務める。2020年には絵本『ねぇ、ママ？僕のお願い！』（双葉社）をプロデュース。また、オンラインサロン「つんく♂エンタメ♪サロン」を主宰するなど、さまざまな活動を続ける プロデューサーとして、モーニング娘。をはじめとする、数多くの才能を見出して

Paul Boag氏はユーザー体験デザイナー、サービスデザインコンサルタント、およびデジタルトランスフォーメーションのエキスパートです。非営利団体や企業向けに、デジタル体験の改善を目指す支援をしています。 あなたのWebサイトは、訪れるユーザーにあれこれ考えさせすぎてはいないですか？　ユーザーに大きな認知負荷をかけていて、それによってユーザーがあなたのWebサイトから離脱していっている、ということはありませんか？　もしそうならば、これは修正すべき問題で、実際に修正が可能です。 認知的な負荷による影響 この問題はWebデザイナーである私たちと明らかに密接に関連しています。ユーザーが１つのことに集中しすぎて、他の要素に気が付かなかった場合、Webサイトでの重要なCTA（コールトゥアクション）だって気づかれない可能性があるということです。そう、ものごとをクリーンかつシンプルに整理したいというデザ

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

個人でも商用プロジェクトでも無料で利用できる、小さいスペースにも配置できる極小サイズ対応のSVGアイコンを紹介します。SVGアイコンなので、もちろん通常のサイズ、大きいサイズでも美しく表示されます。 UIデザイン用のアイコンはアウトライン・ソリッドの2種類計1,130アイテムが揃っています。しかもオープンソースなのは、嬉しいですね。 Teenyicons Teenyicons -GitHub Teenyiconsの特徴 Teenyiconsのダウンロード Teenyiconsの使い方 Teenyiconsの特徴 Teenyiconsは非常に小さいスペースにも配置できるようデザインされたSVGアイコンで、極小サイズ（15x15）でも鮮明に見えるよう設計されています。 MITライセンスで、商用プロジェクトでも無料で利用できます。

2020/7/25にtraPで実施したUIデザイン講習会の資料です