サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
色を使いすぎない 以前に書いた「ポータルサイトのデザインをする時に意識したこと5つ」という記事でも触れましたが、今回も特に気をつけました。 ポータルサイトは一画面に表示される情報が多いです。文字はもちろん、画像の量が多くなります。サイトによってはバナー広告もあるので、それらの色に加えて、サイト自体の色もカラフルだと、目が疲れてしまいます。 そのため、色数を極力おさえることでサムネイル画像やタイトルに注目が集まるよう心がけました。そうすることで、ユーザーは情報を探しやすくなり、記事を読む事に集中できます。 逆に、色がゴチャゴチャしてどこを見たらいいのかわからない状態になると、ユーザーの離脱を招くことにもなるため注意が必要です。 選択肢は4つ程度にとどめる 今回のリニューアルにあたり、ポータルサイト内の選択肢を極力4つ程度にとどめる工夫をしました。その理由についてはふたつの心理学が関係していま
個人でも商用でも無料利用できる、日本語のフリーフォント767種類を紹介します。Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ 前年の686からフリーフォントが100種類くらい増えています！ ※サイト閉鎖などでかなりのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。本記事は定期的に、全フォントを確認して、更新しております。 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。 更新情報 2025/5/15:フォントを24種類追加 2024/12/27:フォントを2種類追加 2024/12/25:
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
誰のため？何のため？Webサイトを作り始める前に。こんにちは！ついにWebクリエイターボックスのサイトが完成しました！これからこのサイトと、制作者のManaをよろしくお願いします！さて、さっそくですが最初の記事、Webサイトを作る前にすること。突然Photoshopを立ち上げてデザインを始めても、ユーザーが必要とするWebサイトが出来上がる可能性は極めて低いと思います。デザインやコーディングを始める前に、「このWebサイトは何のために作るのか」「誰がどのようにこのサイトを使うのか」をまとめておきましょう！ 実践で学ぶ Web サイト制作ガイド：その 1目標：Web サイトを作る目的を明確にする必要なもの：紙とペン対象レベル：超初心者 OK！目次誰のため？何のため？Web サイトを作り始める前に。 ← 今ここWeb サイトの構成図を簡単に作れる便利ツールWeb サイト設計図 - ワイヤーフレ
モニタで見ているとキレイな画像、サイズもそこそこ大きい。なのに、デザイナーに「これじゃ使えないよ！」と言われたことありませんか？ デザイナーに「素材ください」と言われたら その1：ロゴデータ編 以前書いたこの記事で、ロゴデータのときは拡縮できるデータが求められてる。と書きました。 しかし写真にはそんな形式がありません。拡大が必要ないくらいの大きさを用意する必要があります。必要な画像サイズはどのくらいあればいいの？800×600? 1024×768? 簡単にいえばこれです↓ これ分かりやすいですね。ありがとう！ryumu！画像を用意するときは2900×4100（逆でもOK。）なサイズであるか調べましょう。「Photoshopで変更すれば」の箇所はここで解説。 ただ、せっかくなので「なぜ」そのサイズならいいのかを解説してみました。解像度などの話をしてきますよ。 解像度+画像サイズが必要 Web
色と色が組み合わさることによって様々な変化が起きます。また、色と何かが組み合わさると新たな出会いや発見が生まれます。色カラーは色と関わりのある情報をお届けするサイトです。色の組み合わせを楽しみましょう。 今のオススメ 配色検索！キーワードから作る配色 季節の色彩！10月のイメージ配色 季節で変わる好きな色と嫌いな色 この色が好きな人はこの色が嫌い 男性と女性で異なる色彩嗜好 迷いを解決！効率的な色の選び方 カラー講座 色の知識を広げよう！色の影響力の考察 色カラーで学ぶ色彩のこと。何気ない日常に変化を与えてくれるのが色です。色が持っている性格や色の印象が与える影響などを知っていると、日々が楽しくなります。 色彩感覚：色と心の関係 いま笑顔は何色に見えますか？ 色のイメージは経験や体調、性格、天気、流行、文化など様々な要因によって左右されます。また、同じ色でもその時々によって感じる感覚は違っ
WordPressを使い始めた頃は、テンプレート階層、テンプレートファイルの上手な使い方などは、全く考えずに Webサイトを作ってました。 いまではもっと効率的に、もっとスマートにサイトを構築できるようになったかも！そのためにちょっと覚えておきたい、テンプレートファイルについてのあれこれをご紹介します。WordPress というと、ブログ構築のための CMS（コンテンツマネージメントシステム）というイメージが強いですけど、一般的な Webサイトを作るの時にもとっても便利です。私も仕事で Webサイトを作る時に、WordPress で作成することがとても多いです。WordPress はバージョンも 3.0 になって、カスタム投稿タイプやカスタムメニューなど、さらに CMS としても充実してきたように思います。 ブログと違って一般的な Webサイトは、そのサイトによって仕様が様々です。コン
ホームページを作る時に、木目調のデザインを作りたいと考えたなら、ここを一度叩いてみるといいかもしれない。 実際様々なデザインがまとめてありますが、非常に参考になるサイトが多い。 それはユーザビリティの面から考えても言えるサイトが多数収録されています。 Pirates of the Burning Sea » Home http://www.wrapragecure.com GNV & Partners | studio di Web Design, Rimini Paul Wallas :: new media web designer Nebonmedia, from idea to design 上のような木目サイトがいっぱいあります。 Stunning Designs Using that Piece of Wood 2008/03/03(月) 20:54:27| ウェブ開発 | ト
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
