Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

WordPress FlatDesign

No description
by

t m

on 28 January 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of WordPress FlatDesign

WordPress FlatDesign
田邉美咲 藤野俊也
Start
Track record
2013.09~2013.12
SandersPerry
WordPress
FlatDesign
・プログラミング言語であるPHPとMySQLデータベースを利用し、
GPLライセンスで提供される、オープンソフトウェアのこと
・単なるブログではなくCMSとしても利用されている。b2/cafelogというソフトウェアのフォーク(後継)として開発し2003年5月にリリースされた
・様々な機能をプラグインとして追加でき、サードパーティからも多くのプラグインが開発されている
・WordPressでは、PHPテンプレートにスタイルシートを組み合わせたセットをテーマと呼び多くの無料テーマが、公式サイトのほかサードパーティから提供されている。
・テーマの中には、ページを構成する要素をメニューから選択できるウイジェット機能が使えるものがあり素人でも気軽に取り掛かれる。
・個人でも法人でも無料で利用ができるブログソフトウェア
WordPressとは?
・無料
・簡単
・短時間でハイクオリティーに
・様々なプラグインがある
人気の秘密は?
GRAPH
2008年7月
WordPressがjoomlaを超える
PLUGINS
PLUGINS
DOWNLOADS
DOWNLOADS
28,369
+834
560,697,397
+25,272,202
27,535
535,425,195
WordPress Plugin
Let's use!
WP Social Bookmarking Light
・twitter,facebook,mixiなど30種類のボタンが付けられる
WPtouch Mobile Plugin
・PC用のサイトをスマホ版に変換してくれる
BackWPup
・本体ファイルとデータベースの両方を同時にバックアップ
・バックアップ先にDropBoxやSugarSync、FTPサーバーを選択可
・スケジュール設定可

Acunetix WP Security
・脆弱性スキャン
・セキュリティを向上させる設定変更
・データベースのテーブルの接頭辞(Prefix)の変更
・管理者ユーザー以外に対して、バージョンやエラー等の情報を隠せる

Pluginは最小限に
インストールしすぎると…
・パフォーマンスが低下する
・セキュリティーホールの危険性が高まる
・プラグイン間の干渉、不具合の原因になる
・立体的な表現をしない
・単色を使用し素材感を出さない
・光沢や反射などを表現しない
・現実にあるものをイラストとして抽象的に表現する
・余白を大切にし、枠組みなどを極力使用しない
FlatDesign
iOS7 Diffusion rate
Prefix
FlatDesignの利点
・コンテンツ同士の区別がつきやすいい
・ボタンのタッチ領域を広く取れる
・どんなデバイスでもロードが早い
Flatdesign 注意点
・根本的なデザイン力が求められる
・ユーザビリティ低下の可能性
Time is Money!
13
12
12
YEAR
MONTH
DAY
FlatDesign
・20世紀初頭から存在
・「ミニマルデザイン」「スイスデザイン」と名前が変わってきた
親しみやすさを演出するためにリアルを追及
従来
フラットデザイン
親しみやすさより機能面
センタリングデザイン
タブレット端末に特化したデザイン
U字型のデザイン
実際に見て、触ってみよう
センタリングデザインいいね!
でも…
タブレット普及率
約20%
・立体的な表現をしない
・単色を使用し素材感を出さない
・光沢や反射などを表現しない
・現実にあるものをイラストとして抽象的に表現する
おさらいしてみよう
・余白を大切にし、枠組みなどを極力使用しない
http://www.lawson.co.jp/index.html
用途にあったデザインを考える
Reference site
The latest design
http://www.tombow.com/
目線の動きは上から下へ
http://www.dorokogyo.co.jp/
http://hellolife.jp/
Sanders Perry
・自然をイメージ
・ナチュラル、やさしさをテーマに作成
いろいろあって企画中止
報告・連絡・相談
今日お話ししたこと
・WordPress
・FlatDesign
・失敗しないためには…
サイト制作 楽しんでいきましょう!
Yahoo!!!
ご清聴ありがとうございました
October
December
http://oak.is/
http://www.squarespace.com/templates/
IOS7
IOS7以前
ここで大きな落とし穴が…
ブラウザ表示の大きさに合わせる
http://www.itmedia.co.jp/news/articles/1310/04/news128.html
Full transcript