CSS コンテナクエリを使って簡単なレスポンシブ対応コードを組んでみました
今風コードをお勉強中。コンテナクエリで、簡易的にレスポンシブ対応をしてみました。 概要 特定のサイズ以下になったら「文字…
ブログ
過激でネガティブなキャッチコピーは、狙いとは異なる形で波及していく（私見）
ネガティブコピーの影響について 過激でネガティブなキャッチコピーというのは、心理的に印象に残りやすいと散見します。 先日…
【写真】犬吠埼灯台 海景
千葉県銚子市。 灯台にのぼったところから。写真の方向だけでなく、360度回ってみれます。
群馬県でネットショップを開きたい方 ご相談ください（デザイン相談も可）
ご予算に合わせて、制作代行・お手伝いをさせていただきます。 おひとりおひとり真剣にご相談にのりまして、柔軟に対応いたしま…
【写真】佐原 水郷さんぽ
千葉県香取市。 お船ものれます。
CSS ボタン横並び（flex） サンプルコード
flexで折り返される横並びのボタン。 See the Pen buttons by Rin5Graphic (@rin…
【Mac】文字のイラスト（アイコン）を出すショートカット
control + command + space
台湾に行ったときの1枚の写真。構図の狙いについて
撮影場所 台湾、新北市。黄金瀑布の近辺です。 構図の狙い 立体感を意識しました。 足元の草をフレームインさせることで、撮…
【写真】台湾 新北市 瑞芳区 黄金瀑布の近辺から街と海を見おろす
撮影場所 台湾での一眼レフ撮影。 台北から、電車で瑞芳駅（Ruifang Train Station）へ。そこからバスに…
illustrator便利機能。グローバルカラーその2（写真編）
Adobe illustratorの便利機能、スウォッチのグローバルカラー写真編。グローバルカラーでの着色部は一度に色を…
illustrator便利機能。グローバルカラー（色をいっぺんに変える）
Adobe illustratorの便利機能をご紹介します。スウォッチのグローバルカラー。 グローバルカラーで着色した部…
“失敗”へのポジティブ且つデザイン的な捉え方（＋思考のイラスト化）
デザイン的な思考法として、失敗をどのように捉えるのかイラスト化してみました。精神的なお説教などでは決してなく、あくまで思…
栃木県で会報・社内報・組合報・地域情報誌を制作される担当者様へ
会報作成に時間を割けず、お困りではありませんか？冊子の制作なら、Rin5Graphicにお任せください。 組合報・雑誌・…
カットイラストを考えてみる。お題は「アイス」
「アイス」をテーマに、カットイラストを考えて描いてみます。 アイデア出し まずはアイデア出しから。「アイス」というワード…
企画書と提案書を作って、A4ペライチでデザイン
社内用に提出する「企画の提案書（右）」と、社外用に提出する「企画書（左）」の雛形です。※実際に社外に出す時は、もっとカチ…
過去の紙資料がどっさり出現。まいりました。
前回記事の続きで、仕事場の模様替え。コンセント周りの配置換えに合わせて、デスク周りのレイアウトも少し変更しました。 機器…
ちょっとだけ改善。コンセントまわり
8月某日。 雷が来たときの手間を減らせる様に、コンセントに挿すプラグまわりを整理してみました。 コードが無くなってスッキ…
みなさまのお知恵や考えを拝借。雑談がもたらす効力と、実行に至るまで
知恵を授かる 人と話して、雑談したり、相談したり、質問したりしていると、それぞれのご意見や解釈を伺えます。面白いもので、…
Illustrator 土星づくり（3Dとマテリアル）制作中の映像
アドビイラストレーターで、土星をつくりました。の続きです。 前回 作業中の光景を動画にしました。 解説は入れていないので…
文章。段落内において親切な改行位置とは。名前の場合
「今日も元気な山田太郎くんは、お昼にラーメン屋へと向かう。」という文があるとします。 こちら、改行位置を調整して、読みや…
インクのキャラクターを作ってみました（スーツ着せて見た）
先日、インクの画像を作りました。 インクのお話 何を思ったのか、この画像をキャラクター化してみようと、作ったのがこちら。…
トラッピング 色に隙間ができないようにする処理 イメージ
印刷デザインの際、4色のインクの掛け合わせで色を表現します。それぞれの色がズレると、インクがのっていないスキマ部分ができ…
トラッピング 印刷では、インクのズレに配慮してデザインする
紙にデザインを印刷をするとき。巨大な印刷機などでは、一色ごとにインクを塗っていき、別々の色同士が重なり合って、複雑な色合…
印刷の色のしくみ。4つのインクと、掛け合わせで表現される色
プリンターや印刷機で色を刷る時。4色のインクで、とても細かいサイズの点々を打ってプリントされます。 5色とか6色とか、も…
CSS インナーの画像をアウターよりも少しだけハミ出させて微調整
画像をコンテンツ幅に合わせたいけれども、画像の余白でどうにも縦のラインが揃わない。そんな時に、インナーボックスをアウター…
いつぞやの花火
花火の写真ってムズかしい。
Illustrator パペットワープツールで筆書きも簡単調整
Illustrator既存のブラシツールを使って、筆書き風の線がつくれます。筆の走り方はブラシに依存するので、調整は骨が…
文章をデザインで分かりやすくさせる事例（メニュー表の場合）
パッと伝える実例 デザインによって、メニュー表を読みやすくした実例を示します。 解説 伝えたいことを文章だけでまとめると…
色 彩度と明度を調整すると、このように印象が変わります
鮮やかな配色の画像。こちらの彩度（鮮やかさ）と明度（明るさ）を落としてみます。 最初の画像は鮮やかな色。次の画像が、彩度…
CSS 透過画像<img>をhoverで切り替える（力技）
CSSメモ。 （GIFアニメ） 透過のimg画像をhoverで切り替えるコードを試しました（CodePenでは透過画像の…
CSS アコーディオン(detailsとsummary)。JavaScriptいらず
CSS。アコーディオンの練習中です。 特徴 角丸 テキストによる簡易的な「＋」「−」アイコン See the Pen ア…
CSS ワードプレス background-imageのリンク先
CSS苦戦につき、備忘録です。 ワードプレスのCSSで、background-imageを用いて背景画像を敷くときのリン…
CSS 縦書きを中央に(Firefoxでチェック)＆gridリスト
縦書きの文字を左右中央に表示し、gridでリスト化しました。Firefoxだと表示崩れが起きやすいようですので、Fire…
アイコンにちょっとした工夫を。ひとめで伝えたい情報をデザインしました
当サイトのフッターのデザインを少し変えました。電話をテキストからアイコンに変えたのですが、電話対応時間もセットでアイコン…
人によって、見えている色は違う（わたしは紫、あなたは青）
捉え方（感じ方） 赤みがかった桃色を見たとき、ピンク色だと言う人もいれば、赤色だと言う人もいます。青紫のものを見たとき、…
3ヶ月分のスケジュールをIllustratorでデザインしてみました。
3ヶ月分のスケジュール表をIllustratorで作る動画です。 https://www.youtube.com/wat…
文字の配置や並び替えで、説明文を分かりやすく
先日、グラフの内容を文字だけで説明すると大変。という記事を投稿しました。 グラフって分かりやすい。パッと見て伝わる大事な…
グラフって分かりやすい。パッと見て伝わる大事なデザイン
グラフは様々なところで見かけます。分類したデータを分かりやすく伝えるのに適し、とても便利です。 デザインは、分かりやすく…
グラフィックデザインのお仕事。イラスト素材づくりの作業映像
Adobe Illustratorというデザインソフトを使ってイラストをつくる過程を動画にしました。 全体のほんの一部分…
当ホームページ。トップページのレイアウトを少しだけ変えました。
デザインを発注いただいた方から感想をいただいたので、ホームページの感想周りをテコ入れしました。併せて、トップページのレイ…