Adobe XDを中心にして考えるこれからのweb制作
2017年10月に正式版がリリースされたAdobe のUXデザインツールの「Adobe XD」。「動作が軽い」「WEB制作に特化している」など使い勝手が良く、すでに活用を始めている方も多いと思います。 今回は弊社でのAd…
AUTHOR
「斧山洋平」の記事一覧
Font−familyのベストな書き方 2018年改定版
CSSでフォントの種類を指定する「font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも「font−familyのベスト…
スタッフブログの文字を読みやすくするために行っていること
先日本サイト「それからデザインSTAFF BLOG」をリニューアルをしました。 レイアウトやUIの改善以外に、文字をより読みやすくするために全体的に細かい調整を行いました。 今回は本ブログの文字を読みやすくするために実際…
最低ここだけは抑える！デザインヒアリング、プレゼン時に気をつけるべきこと
サイト制作の工程のなかで、クライアントの要望を聞く「ヒアリング」と実際にできあがったデザインを説明する「プレゼン」はとても重要です。ここがうまくいっている案件とそうでない案件では、制作コストや最終的な制作物のクオリティに…
Adobe Premiereで作った動画ファイルを軽くする時に行ったこと
Webサイトの背景に動画が入るデザインを制作したのですが（関連記事）、ひとつ大きな問題がありました。それは「ファイルサイズが大きすぎて読み込みが遅くなる問題」です。 適切な制作方法や平均ファイルサイズを説明しているサイト…
フリーの動画素材でコンセプト動画を作ったときに思ったこと
先日実案件でフリーの動画素材を使ってコンセプト動画を制作することになりました。 今まで動画の制作経験はあまりなかったので試行錯誤しましたが、動画制作にあたって考えたこと、思ったことをまとめました。※画像はイメージです。 …
日本語Webフォント無料サービス比較まとめ
近年Web上でデバイス文字の日本語を表示する技術が格段に増えました。 中でもWebフォントは、大手レンタルサーバーやフォントメーカーなどから無料で使えるサービスが登場するなど、日本語Webフォントを導入するハードルも年々…
Font−familyのベストな書き方 2017年版
CSSでフォントの種類を指定する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも以前「Font−familyのベ…
プロが選ぶ！本当に使える日本語フォント
世の中には無料のものから有料のものまでさまざまなフォントがあります。フォント制作ソフトも手軽に使えるようになった影響か、最近では日本語のフリーフォントもかなり増えており、フリーフォントの投稿サイト「フォントフリー」には2…
デザインを説明する時に心がけていること
一生懸命デザインしてプレゼンをしたのにうまく意図が伝わらない。はたまた「なんかイメージと違う。」など、曖昧な戻しをもらってしまい困る。そんな経験をしたことはありませんか？これらの問題はデザインのクオリティや実力不足という…
グラフィックデザイナーがつくるプロダクトデザイン「考える種を蒔く人」vol.1
TURN harajukuで開催しているトークイベント「考える種を蒔く人」では、「デザイン（Design）」の意味を広く捉え、新しいビジネスを生み出している人、クリエイティブな発想で活躍している人をゲストにお呼びし、これ…
世界観をつくる！あそび心のあるローディングのデザインアイデア
ページが読み込まれる前に表示されるローディング。 ほんの数秒しか表示されませんが、ブランドやサイトの世界観を表現するのに一役買っています。 今回はそんな遊び心のあるローディングのアイデアを集めました。 パリにあるデザイン…
コピペOK! 個性的なSNSボタン／シェアボタンのデザインまとめ
ブログやwebマガジン、キャンペーンサイトまでさまざまなサイトに設置されるFacebookやTwitterなどのSNSボタン／シェアボタン。今回はフロンドエンド系コード共有サイト CODEPENで個性的なUIのボタンを集…
フォント制作ソフトGlyphs-miniの使い方（基本編）
今回は以前当ブログで紹介したフォント制作ソフト「Glyphs−mini」を実際に購入してみたので使い方やダウンロード方法をレポートします。 関連記事：合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選 G…
合うのがなければ作っちゃえ！オリジナルフォント制作・編集ソフト８選
デザインをしていると「このフォントあと少しだけ太かったら・・・」「どのフォントもしっくりこない」なんてことがありますよね。それならばいっそオリジナルフォントを作ってみるのもいいかもしれません。 「でもフォント制作って職人…
タイプ別！ハイクオリティな有料WordPressテーマ27選
HTMLの知識がなくてもサイト更新などが簡単にできるため、今や制作規模を問わず引っ張りだこなWordpress。Wordpressでは「テーマ」と呼ばれるものを変更するだけでデザインや機能を差し替えることができるようにな…
堅すぎず、ラフすぎない！絶妙なテイストの先頭へ戻る・ページトップボタン15選
ウェブサイトにほぼ必ずある「ページトップ」「ページの先頭へ戻る」ボタン。最近ではデザイン要素のひとつとして個性的なデザインのものをいろいろ見かけるようになりました。ちょっとしたキャンペーンページやイラストをふんだんに使っ…
もう迷わない！見出しデザインの基本理論とアイデア集
見出しはデザインの印象を大きく左右する要素のひとつ。デザインをしている人ならこの箇所で行き詰まったのは一度や二度ではないでしょう。試行錯誤してるんだけどなんかしっくりこない。。と悩んでいる人も多いはず。今回はそんな行き詰…
Font−familyのベストな書き方 2015年版
CSSのフォントの種類を指定する際に使用する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントなどの技術の変化などで日々変わっています。 今回は最新のトレンドも踏まえた上で…
日本語の文字組みをかっこよく見せるために最低限やるべきこと
「英語がかっこいい」と思うのは僕が日本人だからなんでしょうか？実際日本語だけでデザインしていて「なんかしっくりこない…」という時などに英語を入れるとなんとなく垢抜けてスマートなデザインになることがあります。英語の醸し出す…