【10月版】最新無料WordPressテーマまとめ12選
WordPressは、個人ブログからコーポレートサイトやショッピングサイトまで利用の幅は多岐にわたり、世界中の有志によって年々バージョンアップが繰り返されています。 WordPressの利点は初心者でも使いやすく、上級者にとっては細部にこだわったカスタマイズが可能です。 中でも、豊富に用意されているテーマを使えば、デザイン初心者でもプロが作るようなデザインのホームページを簡単に作る事もできます。 今回は、9月に追加された最新のWordPressテーマを紹介します。 9月に公開されたWordPressテーマまとめ 1. Zincy Lite 出典：WORDPRESS.ORG 企業のコーポレートサイト向けです。 全体的にシンプルなデザインで、コーポレートサイトにとって必要最低限な機能が踏襲されています。 一見、カッチリとした印象を持ちますが、アイコンにカーソルを当てると動くギミックがあるなど、
【保存版】バナーやブログに使える商用可で無料のおしゃれな写真素材サイト6選
どうも、やなぎさわです。ビットエーブログでは、商用可で無料、そして高解像度でクオリティの高い写真素材サイトをご紹介してきました。 サイト制作、バナー、ブログのアイキャッチなど、さまさまな用途で使い勝手が良いと好評なサイト達です。 そこで今回は、そのおすすめ素材サイトをまとめてご紹介したいと思います。いざという時のお助けになれば幸いです。 （※前回ご紹介時と詳細内容が変わっているものもあります。） とにかく大きくて高解像度の写真が欲しい方へ「kaboompics」 kaboompics このサイトの特徴は、何といっても高解像度の写真が集約されていることです。抽象的なイメージの写真、街並みと建造物、ファッションなど幅広いジャンルが揃っています。 5,000px以上の写真が900枚以上あります。更新頻度は不明ですが、カテゴリ分けされているので、とても探しやすいです。 サイトには、こんな感じの写真
ブログ
2018/05/07 バージョンアップ間近！ Movable TypeのメリットをWordPressと比較してまとめてみる。久々のバージョンアップを迎えるMovable Type。WordPressの陰に隠れて過小評価されがちなそのメリットをおさらいします。 WEBディレクター虎の巻tech tech 散歩 2018/01/10 フロントエンド開発の品質と効率向上のための私たちの取り組み複雑化・高度化するフロントエンド開発の課題を解決し、品質と効率を同時に向上する仕組みづくりを進めています。 tech tech 散歩 2017/12/19 なぜその文章に説得力がないのか？WEBライティングのここを見なおす。つまらなければ即離脱...のWEBだからこそ必要な、簡潔で説得力のある文章。どのようにすれば書けるのでしょう。 WEBディレクター虎の巻
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
ノンデザイナーでもできる！写真を使ったイケてるメイン画像の作り方 - CAMPHOR- Tech Blog
こんにちは、あんみつ（@murata_atsumi）です。 この記事はCAMPHOR- Advent Calendar 2014の20日目の記事です。 私ブログが超苦手で普段からあんまり書かないから、何書こうか迷ったのですが、 一応CAMPHOR-には主にデザインの部分で関わることが多いので、 デザインのことを書こうと思います！ はじめに エンジニアの皆さん、そしてそうじゃない皆さんも、たまに『メイン画像』を作らなければいけないときがあるんじゃないでしょうか。 メイン画像というのは、こういうのとか （引用：https://www.cyberagent.co.jp/recruit/fresh/internship/ ） （引用：http://tokyometro10th.jp/future/opendata/ ） こういうのとかですね。 または、Facebookページのカバー画像や、OGP用
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
スマホのメニューデザインに悩んだらこれ！パターン別サンプル36選 | LISKUL
スマホはメニューバーが命！！ スマホでもっとも重要な動作は「タップ」ですが、その重要な役割を引き受けるのがメニューアイコンやリストです。 ユーザが求めるコンテンツにスムーズにつなげられるよう、最適化していくことが必要です。 ただそのデザイン、「なんとなく」のものになっていませんか？ 違和感なくスムーズにコンテンツにつなげるためには、最適なデザインを選択する必要があります。 今回は100のスマホサイトを調査し、その中で代表的な36サイトから7つのメニューデザインに分類し、まとめてみました。 自分のスマホサイトの性質を考えながら、もっとも適切なメニューを探していきましょう！ 100のスマホサイトから見る、 スマホメニューの人気ランキング 上図は、100のスマホサイトをランダムに抽出し、それぞれのサイトで採用されているメニューの割合を調査した結果になります。この結果によれば、一位が圧倒的な割合で
はてなデザイナーワークショップで学んだこと - #daiizメモ
昨日の午後、はてな東京オフィスで開催された「はてなデザイナーワークショップ2014」に参加してきました。Webサービスのデザインについて興味を持っているものの、大学では本格的なデザインの勉強をしたことは無いため*1、参加にあたって少々不安がありました。しかし一旦始まってしまうとこんなことも忘れるくらい忙しくて楽しい体験の連続でした。 とても充実した一日でした。 学んだこと・感想をレポートしてみます。 「Hatena」 受付にて頂いた「はてなブックマーク」「はてなブログ」「mackerel（サーバー管理ツール）」のステッカー はじめに まずはじめに「はてなについて」、「はてなのWebサービスについて」の講義を受けました。はてなでは「知る・つながる・表現する」というミッションを掲げ、デザイナーとエンジニアが協力してブラッシュアップをしていくことでスピーディーな開発が実現されているというお話を聞
45000種類のモダンなUIをパーツごとに検索できるサイト「UICloud」 | ライフハッカー・ジャパン
「UICloud」は45,000以上のモダンなUIをパーツごとに検索できるサイトです。ボタンやメニューなどのデザインを検索することができ、さらにそのパーツをPSD形式でダウンロードすることも可能です。 以下に使ってみた様子を載せておきます。まずUICloudへアクセスしましょう。 このようにパーツごとにカテゴリわけされています。カテゴリから絞り込むこともできますし、フリーワードで検索して探すことも可能です。 ダウンロードボタンがあり、ここからPSD形式で素材を手に入れることができますよ。モダンなUIを探しつつ、素材も手に入るのは助かりますね。ぜひUIをデザインする際にご活用ください。 UICloud （カメきち）
レイアウトのパターン – イディア：情報デザインと情報アーキテクチャ
グラフィックデザインやWebデザインでよく用いられるレイアウトのパターンについてまとめた。 分割 面を分割して要素を配置する。同格を表現するのに便利。 二等分割 上下や左右で等分する。両方の要素が拮抗することでバランスや緊張感を生む。 二等分割の例 三等分割 上下や左右で三等分する。二等分割よりも緊張感が軽くなる。3つを同格に扱うことも、1：2で扱うこともできる。 三等分割の例 四等分割 上下、左右に等分する。三等分割よりもさらにシステマティックな印象になる。4つを同格に扱うことも、2：2や1：3で扱うこともできる。 四等分割の例 黄金分割 黄金比（1：1.618）で分割する。安定感や心地よさに優れる。 黄金分割の例 対称と軸 点や線を基準として要素を配置する。中心点や基準線が視線を誘導する。 線対称 シンメトリーのレイアウト。安定感があり、誘目性も高い。シンメトリー（対称）の中にアシンメ
デザインは理屈で学べる！ エンジニア向けデザインメンター業が求められる理由について聞いた | HRナビ by リクルート
アイデアは面白いのに、どうもダサかったり、UIがわかりにくかったりするWebサービスに出会ったことはないだろうか。 それはもしかすると、デザインを知らないエンジニアが、ふわっとした感覚と印象で作っているからなのかもしれない。そんなエンジニアでも、デザインのセンスを身につけることはできるのだろうか？ プログラマー向けにデザインを教える“デザインメンター”赤塚妙子さんに話を聞いた。 プログラミングを学んだデザイナーが始めた“デザインメンター業“ 今年の1月から“デザインメンター業”を始めたフリーランス デザイナーの赤塚妙子さん。美大を卒業後、デザイン事務所に就職。その後、Webの世界へ足を踏み入れ、今ではRuby on Railsの開発に参加するまでになった。 「自分がプログラミングを覚える中で、デザイナーとプログラマーが歩み寄る感じが面白くって。デザイナーがプログラミングを覚えることはあるけ
創作意欲が刺激されるほどクリエイティブなウェブデザインを14つまとめて紹介 - LITERALLY
こだわり抜かれているウェブデザインを多く見ることは想像力を豊かにしてくれると思う。本当にクリエイティブでクオリティの高いサイトを見ると「自分も何かを作りたい！」と創作意欲が強く刺激されることもある。 今回はぼくがここ数年間で見てきたウェブページの中で、創作のモチベーションを高めてくれたものをまとめて紹介しようと思う。 1. AMP MUSIC 最近のお気に入り。アフリカのストリートミュージックを取り扱う音楽レーベル「AMP MUSIC」のウェブサイト。スマホで見ると、アニメーションや音楽の再生がないが、それでも配色や全体のバランスが洗練されている。 2. UNIQLO INTRODUCTION サイトの始まり方から、マウスオーバー時の動きまですべてが群を抜いてカッコイイウェブページ。流れてくる衣服や写真の流れまでこだわり抜かれている。作業用音楽で聞いていたいほど、BGMはリズミカルで心地が
べジェ曲線・パスとは？Illustratorの基本画面・基本概念について学ぼう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基本的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 前回は「Illustratorって何？」というところから、ダウンロードしたIllustratorをWeb制作に適した環境に設定するところまでを説明しました。 第2回となる今回では、Illustratorの基本画面および基本概念について説明をしていきます。とくにIllustratorの特徴でもある「ベジェ曲線」は、多くの初心者の方が挫折してしまうポイントでもあります。初心者の方はもちろん、初心者ではない方も、おさらいのつもりで確認してみてください。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの
Apple,Googleにあって日本企業にないもの！経営の根幹にデザインの視点を！
10秒でチェック！ アップルやグーグルなどの欧米企業に日本市場が席巻されているのは、日本企業の経営に「デザイン」の視点が足りていないから。 表層的な意匠だけではなく、商品・サービス開発の全てのプロセスを、企画段階から一気通貫して設計、計画することが重要。 「なぜその商品を作るのか？」という根本的な問いから始めて、企業の長期的な戦略や哲学、思想を具現化することを目指そう。 なぜデザインの視点が求められているのか？ 日本経済の停滞が叫ばれて久しいですが、依然として抜本的な解決の見通しは立っていません。 アップルやグーグル、ダイソンのような欧米企業の革新的な商品に市場を席巻され、衰退の一途を辿っているように見える日本企業に、いま必要なものとは何でしょうか。 この点について、「デザインの視点」を経営の根幹に据える必要性を説くのが本書、『デザインマネジメント』です。 なぜなら、これら欧米企業の商品と
デザイナーに向いている (かもしれない) 7つの気質
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
ブログデザインを参考にしたいブログ8選（はてなブログ編）。文章の読みやすさからサイドメニューの装飾まで、参考になるデザインばかり。 - クレジットカードの読みもの
今回は私がブログデザインをする上で、参考にさせてもらっているブログまとめです（はてなブログ編）。 これらのブログは常にデザインに気を使って運営しているブログばかり。ブログの肝は記事の質かもしれませんが、人気ブログにしていくためにはブログデザインを強化することも同じくらい重要なので、是非、みなさんも参考にしてみてくださいね。 お薦めのブログデザイン5選： １．はぁはぁブログ： ２．AIUEO Lab2： ３．はなこのブログ ４．それ、僕が図解します。 ５．おうつしかえ： ６．しっきーのブログ： ７．マトリョーシカ的日常： ８．HSKぐうたらジャーナル： 今後もデザインを改良していきたい： グローバルメニューを実装予定： 文末リンク： お薦めのブログデザイン5選： １．はぁはぁブログ： はぁはぁブログ はてなブログはここまで改良できるのか？というくらい、細かいところまでデザインが作りこまれてい
「特訓Photoshopプロのテクニック教えます！」という本のWEB版を『無料』で一般公開します。
HOME ブログ webデザイン , 【PR】 , フォトショップ 「特訓Photoshopプロのテクニック教えます！」という本のWEB版を『無料』で一般公開します。 Photoshopは画像加工や写真のレタッチに適したデザインソフトですが、実はPhotoshopひとつ使えるだけで、WEBデザインやロゴマーク、ポスターなどあらゆるデザインが可能になります。 これまでスリームデザインでは、Photoshopを使ったさまざまなデザインチュートリアルをブログで公開してきました。 そんな、当ブログ記事でも紹介しているチュートリアルをブラッシュアップ＆使えるテクニックを追加した書籍「プロのテクニック教えます！特訓Photoshop（価格2300円＋税）」を2014年に出版しました。 そして今回、WEB版を無料で一般公開します。こちらのショップから無料ダウンロード↓ 特訓Photoshopウェブ版 デ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
飲食系Webサイト制作で気をつけたい10個のポイントまとめ - PhotoshopVIP
