Adobe XDを中心にして考えるこれからのweb制作
2017年10月に正式版がリリースされたAdobe のUXデザインツールの「Adobe XD」。「動作が軽い」「WEB制作に特化している」など使い勝手が良く、すでに活用を始めている方も多いと思います。 今回は弊社でのAd…
2017年10月に正式版がリリースされたAdobe のUXデザインツールの「Adobe XD」。「動作が軽い」「WEB制作に特化している」など使い勝手が良く、すでに活用を始めている方も多いと思います。 今回は弊社でのAd…
CSSでフォントの種類を指定する「font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも「font−familyのベスト…
アウトプットする機会が多い毎日を過ごしていると、それに見合った良質なインプットの必要性を感じることがあると思います。そんな時、みなさんはどうされていますか? 私は「人と会う・話す・ゆるくつながる」ということを意識するよう…
先日本サイト「それからデザインSTAFF BLOG」をリニューアルをしました。 レイアウトやUIの改善以外に、文字をより読みやすくするために全体的に細かい調整を行いました。 今回は本ブログの文字を読みやすくするために実際…
Webサイトの背景に動画が入るデザインを制作したのですが(関連記事)、ひとつ大きな問題がありました。それは「ファイルサイズが大きすぎて読み込みが遅くなる問題」です。 適切な制作方法や平均ファイルサイズを説明しているサイト…
先日実案件でフリーの動画素材を使ってコンセプト動画を制作することになりました。 今まで動画の制作経験はあまりなかったので試行錯誤しましたが、動画制作にあたって考えたこと、思ったことをまとめました。※画像はイメージです。 …
近年Web上でデバイス文字の日本語を表示する技術が格段に増えました。 中でもWebフォントは、大手レンタルサーバーやフォントメーカーなどから無料で使えるサービスが登場するなど、日本語Webフォントを導入するハードルも年々…
CSSでフォントの種類を指定する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントの技術の変化などにより日々変わっています。 このブログでも以前「Font−familyのベ…
世の中には無料のものから有料のものまでさまざまなフォントがあります。フォント制作ソフトも手軽に使えるようになった影響か、最近では日本語のフリーフォントもかなり増えており、フリーフォントの投稿サイト「フォントフリー」には2…
ページが読み込まれる前に表示されるローディング。 ほんの数秒しか表示されませんが、ブランドやサイトの世界観を表現するのに一役買っています。 今回はそんな遊び心のあるローディングのアイデアを集めました。 パリにあるデザイン…
ブログやwebマガジン、キャンペーンサイトまでさまざまなサイトに設置されるFacebookやTwitterなどのSNSボタン/シェアボタン。今回はフロンドエンド系コード共有サイト CODEPENで個性的なUIのボタンを集…
今回は以前当ブログで紹介したフォント制作ソフト「Glyphs−mini」を実際に購入してみたので使い方やダウンロード方法をレポートします。 関連記事:合うのがなければ作っちゃえ!オリジナルフォント制作・編集ソフト8選 G…
デザインをしていると「このフォントあと少しだけ太かったら・・・」「どのフォントもしっくりこない」なんてことがありますよね。それならばいっそオリジナルフォントを作ってみるのもいいかもしれません。 「でもフォント制作って職人…
HTMLの知識がなくてもサイト更新などが簡単にできるため、今や制作規模を問わず引っ張りだこなWordpress。Wordpressでは「テーマ」と呼ばれるものを変更するだけでデザインや機能を差し替えることができるようにな…
ウェブサイトにほぼ必ずある「ページトップ」「ページの先頭へ戻る」ボタン。最近ではデザイン要素のひとつとして個性的なデザインのものをいろいろ見かけるようになりました。ちょっとしたキャンペーンページやイラストをふんだんに使っ…
見出しはデザインの印象を大きく左右する要素のひとつ。デザインをしている人ならこの箇所で行き詰まったのは一度や二度ではないでしょう。試行錯誤してるんだけどなんかしっくりこない。。と悩んでいる人も多いはず。今回はそんな行き詰…
2012年にマイクロソフトがリリースしたWindows8のUIデザインで、広く知られるようになったフラットデザイン。近年一気に普及し、2015年現在ではランディングページを始め、いろいろなサイトでも見るようになりました。…
CSSのフォントの種類を指定する際に使用する「Font−family」の正しい記述方法は、デバイスに標準搭載されているフォントやWebフォントなどの技術の変化などで日々変わっています。 今回は最新のトレンドも踏まえた上で…
「英語がかっこいい」と思うのは僕が日本人だからなんでしょうか?実際日本語だけでデザインしていて「なんかしっくりこない…」という時などに英語を入れるとなんとなく垢抜けてスマートなデザインになることがあります。英語の醸し出す…
Photoshopの選択ツールに「マグネット選択ツール」というのがあるのをご存知でしょうか? ツールパネルの「なげなわツール」のなかに入っているのでなんとなく存在は知っているけど使ったことがないという人もいるのではないで…
PAGE TOP