「とりあえずNoto Sans JP」、考え直してみませんか？｜SOMPO Digital Lab デザインチーム
SOMPO Digital Labデザイナーの松葉（ https://twitter.com/tiyou01 ）です。 ウェブサイトやアプリのUIで使う書体、「とりあえずNoto Sans JPで…」と決めてしまった経験はないでしょうか？この記事はそんな「とりあえず」に心当たりのある皆さんに向けて書かれています。 Noto Sans JPという書体Noto Sans JPはAdobeとGoogleの共同開発による書体で、Adobeからは源ノ角ゴシック／Source Han Sans、GoogleからはNoto Sans JPという名称でリリースされました。この記事ではNoto Sans JPの表記で記載します。 2014年にリリースされて以来、Noto Sans JPはUIで利用する日本語書体としてすっかり定着しました。現在はウェブサイトやアプリで見ない日はないと言ってもいいくらいです。
「私の考える最強のFigma」 - Fussyな入力を減らすためにできること
そもそも、複数回使いまわすようなものを人間に管理させてはいけないというのが私の基本思想です。人間は何回も同じことをやればやるほど精度が落ちます。 しかしこれまでのデザインツールの多くは幅や余白の数値管理を人間に任せてきました。ですので、デザイナーが10pxや8pxの間で右往左往している設計がコード実装者に渡ってしまう事が多かったように思います。 <small>これらのゆらぎをコード実装者が統一したとしてそれに気付いているデザイナーがどれほどいるのでしょうか。(少なくとも私は気付かない事が多いです。)</small> Fussyな入力を減らそう Figmaで私がもっとも愛している機能がAuto Layout、そして次にLayout Gridです。本節ではこれらの機能がどういう設計思想のもとに作られたのかを考察し、またいかに便利であることを記そうと思います。 Auto Layout Auto
デザインの仕事は身近な所に転がっている｜こばやす｜Webデザイナー
Webデザイナーのこばやす(@kobayas_s)です。 デザインの勉強をしたは良いけど、仕事に繋げるにはどうしたら良いかと問われる機会が増えました。 前回のウェビナーでもお話しましたが、実績を作るには自分で営業をしなければなりません。でも、このハードルって未経験デザイナーにはとても大きな壁となっていると思います。 そこで今回は私が独学でどうやって実績を作ったのか、未経験でもデザインの案件が獲得しやすい場所を深掘りしていく事にしました。 １．自分に合った営業方法を見つける当時、クラウドソーシングなどオンラインで仕事を得るためのサービスは沢山ありましたが、 ・人見知りなので知らない人との取引に抵抗がある ・相手の人柄が文章だけでは分からず、コミュニケーションが取り辛い ・お客様の事業を身近で見て、汲み取ったものをデザインしたい という悩みと希望があり、他の方法を模索していました。 色々試した
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
DroidKaigi 2024 での発表資料
イラレで特色を使った印刷物のデザインをする場合、既存のDICスウォッチを使うのはやめて、RGBでスウォッチを作る - 遠近法ノート
以下の記事は、Adobe Illustratorを使用した特色データ作成のコツです。ただしこれは、正しいデータの作り方とか、RGB入稿とか、そういう話ではまったくありません。特色をCMYKで出すやつとも無関係です。印刷通販の入稿ガイドなどとは、まるっきり違う話を書いています。初心者の方は読まないほうが良いです。 画面の色はあてにならない Illustratorで特色を使う場合（CMYK＋特色の5色刷りや、スミ+特色の2色刷り／3色刷りなど）、たいてい、DICのスウォッチ「スウォッチライブラリ→カラーブック→DIC カラーガイド」を使うと思います。データ作成としてはそれでいいんですが、作り慣れてくると、画面に表示される色味に不満をおぼえますよね。なんでこんなにくすんだ色味なんだって。 表示を「オーバープリントプレビュー」にすればだいぶ鮮やかになります。それでもまだ現物とはかけ離れた色が出るこ
PHOTO METI PROJECT
ようこそ、まだ見ぬ日本の美しさへ あなたが知っている日本は、この国のほんの一部でしかありません。 日本には47の都道府県があり、そこには四季を映し出す豊かな自然と、 長い歴史を誇る建造物、各地で育まれた個性的な文化が広がっています。 まだ見ぬ日本の美しさを届けるため、FIND/47は生まれました。 © FIND/47 Office. Some Rights Reserved.Except where otherwise noted, content on this site is licensed under a Creative Commons Attribution4.0 International license. © FIND/47 Office. Some Rights Reserved.Except where otherwise noted, content on this
Procreate® - iPad で使用できる最も強力で直感的なデジタルイラストレーションアプリ
Procreate for iPad Procreate for iPad ペイント・スケッチ・クリエイト Procreate は、どこにでも持ち運べるアートスタジオ。 iPad でスケッチからペイント、そして完成されたイラストまで作成することができます。 今すぐ購入 Apple Design Award を2度受賞したクリエイティブな体験 Procreate は、2013年にデザインとイノベーションで初の Apple Design Award を受賞しました。Procreate は、2013年にデザインとイノベーションで初の Apple Design Award を受賞しました。9年後、Procreate は、革新的なクリエイティブツールをさらに多くのアーティストが利用できるようにしたことで再び認められました。 デジタルアート界随一のブラシ 200 種類以上の手作りのブラシでアート界に名
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】 - Qiita
なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。
2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ
デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2024 Logo Trend Report by BILL GARDNER 下記は各ポイントを意訳したものです。 ※元サイト様にライセンスを得て翻訳しています。 2024年、ロゴデザインのトレンドの傾向 Flat Box -錯覚はデザインにおける最大の成果の一つ Corner Chop -デザインの観点だと三角形は厄介です Elliptic -楕円は常に円の中に生きている Pixel Drop -ピクセルアートの華麗なる復活 Bell Bottoms -セリフ体とサンセリフ体について活発な議論が交わされています Liquid Bridge -角の緩和は「厳しい」「攻撃的」か
『ガールズバンドクライ』のCG表現はなぜ親しみやすいか - 悠々自適
『ガールズバンドクライ』のCGのどこに新規性があり、それでいて何故親しみやすいのか、日常芝居を中心に今までのセルルックCGや手描き作画と比較しながら、いち視聴者の目線で分析しました。 アニメ『ガールズバンドクライ』公式サイトより 1. セルルックCGとは ⅰ. 特徴 ⅱ. 発展の歴史 -セルルックCGの現在地- 2. ガルクラのCGは従来のセルルックCGと何が違うのか 3.ガルクラのCGはどうして視聴者に受け入れられたか ⅰ. ”手描きアニメらしい”モーションの追求 ⅱ. CGの常識を覆す表情のバリエーション ⅲ. 硬さを感じないキャラクターモデリング ⅳ. その他セルルックCGの課題を克服する様々な工夫 4. まとめ 1. セルルックCGとは 『ガールズバンドクライ』（以下ガルクラ）のCGの話に入る前に、まずは既存の日本のCGアニメの表現手法、いわゆるセルルックCGについて見ていきます。
45分登壇で75%効率化したMarkdown+生成AIスライド作成術 - Qiita
KDDIアジャイル開発センターのpiyonakajimaです。 突然ですが、あなたは登壇スライドの作成にどれぐらいの時間をかけていますか？ 6/21-22に開催されたScrum Fest Osaka 2024に登壇した際、Markdown+生成AIを活用して登壇スライドを作成しました。その際、45分の登壇資料作成を75%効率化（自分比）できました。 普段からMarkdownで資料を作成している方からすると、これまで時間かけすぎやろ、というツッコミが聞こえてきそうですが、登壇資料の作成時間に悩まれる方は沢山いらっしゃるのではないかと思います。今回はこの時に実施した工夫をお話します。 以下がMarkdown(Marp)と生成AIを使って執筆した45分の登壇資料です。一部PowerPointで作図した過去資料から流用しています。 Marpでは、たとえば以下のようなmarkdownを書くと、 --
着物の染み抜きの技（わざ）・京都 【なをし屋】
安さで選ぶなら他店様へ 外注に丸投げしない本物の専門店 京都三百年の伝統と革新の融合 染色補正師が一貫して承る 染み抜き・着物クリーニング専門店 なをし屋は、単なる着物のクリーニングとシミ汚れ落としだけの、下請けに丸投げの名ばかりの専門店ではありません。 着物の染み抜きやお手入れの全ての技術は、京都で約三百年前に朝廷、公家、女官の礼装などの御用承りの業として生まれ、全国へと拡がっていきました。その京都で脈々と受け継がれてきた着物お手入れの伝統工芸技術、染色補正の流派「幾久屋流」の技を継承し、最新の技術・理論・設備・化学を融合させて生まれた独自の染み抜きと高度な色修正技術によって、着物クリーニング専門店でも断られてしまう、三十年以上前の古いシミやシミによる変色・脱色をも修復する、京友禅伝統工芸士／一級染色補正技能士／クリーニング師の全ての国家資格に認定された、着物クリーニング・染み抜きプロフ
UI & UX Design Tips by Jim Raptis.
Social LoginSocial login boosts conversion since users can easily join your platform. Then, it's a good practice to put your social login on top of the page and place the email password authentication below. Beware that privacy-oriented people prefer not to use social login then it's always good to have another option for them.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
10個の無料で使えるベストFigmaプラグイン集めました。｜Hitomi Bremmer UI UX
デザインシステムとコンポーネント指向によるフロントエンド開発プロセスの革新 / Innovation in Frontend Development Processes through Design Systems and Component-Oriented Architecture
Figr
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
魚ギフトの通販・お取り寄せ｜宮城塩竈阿部守商店
Shippori Mincho - Google Fonts
私がWEBデザイン制作の参考になりそうだと思うサイトを61個挙げてみた。
